[Flutter]Cupertino(クパチーノ)でAppBarを表示するには?

Flutter

どうも、ちょげ(@chogetarou)です。

CupertinoでAppBarを表示するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          leading: Icon(Icons.calendar_today), //左側
          middle: Text('Sample'), //真ん中
          trailing: Icon(Icons.settings), //右側
          backgroundColor: Colors.yellow, //背景色
        ),
        child: Center()
      );
  }

CupertinoPageScaffoldウェジェットの引数「navigationBar」で、AppBarを表示することが出来ます。

「navigationBar」には、「NavigationBar」ウェジェットを指定します。

コメント

タイトルとURLをコピーしました