【Flutter】ヘッダー | AppBar使い方を3分で解説!（サンプルコードあり）

import 'package:flutter/material.dart';

void main() => runApp(AppbarDemo());

class AppbarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('AppBarデモ'),//タイトル
          centerTitle: true,//タイトルを真ん中
          leading: Icon(Icons.menu),//左側アイコン
          //右側アイコン：ウィジェット複数指定
          actions: <Widget>[
            IconButton(icon: Icon(Icons.search), onPressed: () {},),
            IconButton(onPressed: () {}, icon: Icon(Icons.more_vert),),
          ],
          backgroundColor: Colors.green,//背景色を指定
          elevation: 40, // Appbar下に影を大きく指定
          //AppBarの形を指定
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.only(
              bottomLeft: Radius.circular(40),
              bottomRight: Radius.elliptical(90,50),
            ),
          ),
        ),
      ),
    );
  }
}