【Flutter】アプリのヘッダー(AppBar)を実装し、カスタマイズするまでの完全ガイド！

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('アプリのヘッダー'),
        ),
        body: Center(
          child: Text('こんにちは、Flutter!'),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class MyCustomAppBarApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('カスタマイズAppBar'),
          backgroundColor: Colors.deepPurple,
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.search),
              onPressed: () {
                // 検索アクション
              },
            ),
            IconButton(
              icon: Icon(Icons.more_vert),
              onPressed: () {
                // メニューアクション
              },
            ),
          ],
        ),
        body: Center(
          child: Text('AppBarをカスタマイズする'),
        ),
      ),
    );
  }
}