[웹툰 앱 만들기] AppBar 만들기

import 'package:flutter/material.dart';
import 'package:toonlinkers/screens/home_screen_for_webtoon.dart';

void main() {
  runApp(const App());
}
class App extends StatelessWidget {
  const App({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: HomeScreen(),
    );
  }
}

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: const Text(
          'Today\'s webtoons',
          style: TextStyle(
            fontSize: 25,
            color: Colors.black,
          ),
        ),
      ),
    );
  }
}

https://github.com/soaringwave/Flutter-studying/commit/d9b00719c036a9dfa10264dd12eff0c02ed93a34

Start new webtoon app and tudy up files · soaringwave/Flutter-studying@d9b0071

 

screen폴더를 만들어 home screen 파일을 main.dart로 분리하고 홈 화면을 구현했다. 그 중 상단의 헤더를 AppBar를 간단하게 설정했다.

---

https://nomadcoders.co/flutter-for-beginners/lectures/4160