[Flutter] AppBarのみ指定するスケルトンプログラム

前回の記事で MaterialApp を使って画面を構築する必要性に付いて述べました。
Widgetによってはアプリがそもそも動いてくれないですね。

BUILDBOX.net

[Flutter] アイコンを表示する

https://buildbox.net/flutter-icon

画面上にアイコンを表示したい場合には、 Icon クラスを用います。今回はアイコンを表示してみたいと思います。ソースlib/main.dartimport 'package:flutter/material.dart';void main() => runApp(MyApp(),);class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Icon', home: Scaffold( appBar: AppBar(title: Text('Icon sample'),), body: Center( child: Icon( Icons.star, ...

では、そもそもMaterialAppとして必要なものは何だろう？というところをまとめておきます。

今回のサンプルソースはcodelabから取り上げさせてもらいます。

Building Beautiful UIs with Flutter
https://codelabs.developers.google.com/codelabs/flutter/#3

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: "Friendlychat",
      home: Scaffold(
        appBar: AppBar(title: Text("Friendlychat")),
      ),
    ),
  );
}

元のコードからは少し短縮化(new の宣言削除)してます。

codelabではMaterialAppの引数としてtitleとhomeを指定します。
https://api.flutter.dev/flutter/material/MaterialApp-class.html
titleはアプリ名ですね、そしてhomeにはScaffoldというWidgetを介してAppBarなどを指定する事ができます。
https://api.flutter.dev/flutter/material/Scaffold-class.html
サンプルではAppBarのみですが、その他にFloatingActionButtonやBottomNavigationなども指定できるので、一番ユーザーの目に触れる画面で使う事になりそうですね。

ドキュメントを調べていて？？？となったのは、MaterialAppでのtitleの扱い。
Androidで動作を見ていると、タスクスイッチャにも、反映されず、どこに効くのかよくわからず。
実装は必要そうですが、どこに表示されてくるのかは検証していても見つかりませんでした。

Android 9.0のエミュレータで見たからいけなかったのか？
1行でのアプリの説明文みたいなもののようですが、どのように使われるのかが気になるところです。
調べてみてわかったら、まとめておきたいと思います。