[Flutter] AppBar 사용법과 주요 property

• backgroundColor: AppBar 배경색
• elevation: AppBar를 어느 정도 떠오르게 설정 (그림자 깊이가 달라짐)
• title: 보통 Text 위젯으로 타이틀 표시
• centerTitle: true로 설정하면, 타이틀이 가운데 위치
• leading: 제목 앞에 표시되는 위젯. 보통 IconButton 위젯으로 메뉴 등을 표시
• actions: 제목 뒤에 표시되는 위젯. 보통 IconButton 위젯으로 메뉴 등을 표시

 

import 'package:flutter/material.dart';

void main() {
  runApp(MyHome2());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          title: Text('tencoding'),
          actions: [
            IconButton(
              onPressed: () {},
              icon: Icon(Icons.add),
            ),
            IconButton(
              onPressed: () {},
              icon: Icon(Icons.search),
            ),
          ],
          leading: IconButton(
            onPressed: () {},
            icon: Icon(Icons.menu),
          ),
          elevation: 20.0,
        ),
      ),
    );
  }
}