Flutter on the Webでタイトル属性を設定

この記事は、「Flutter Advent Calendar 2021」に投稿した「Flutter on the WebをFirebase Hostingで公開した」の一部となります。

タイトルの設定

Flutter on the Webで、HTMLの<title>属性を設定するだけであれば、web/index.htmlの<title></title>を直接設定すればよいだけです。
アプリ内で統一されているならこれで終わりです。

タイトルの動的変更

Titleウィジットで設定することができます。

main.dart

Widget build(BuildContext context) {
    final mytitle = '$house | $subTitle';
    return Title(
        color: Colors.white,
        title: mytitle,
        child: Scaffold(
                appBar: AdaptiveAppBar(pagepath: pagepath, title: mytitle),
                drawer: Drawer(
                    child: HorsesWidget()),
                body: Column(children: [
                  Expanded(flex: 1, child: body),
                  SizedBox(height: adHeight)
                ])));
}

以上です。