[Flutter]NavigationBarの右側(trailing)にウェジェット(widget)を表示するには？

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

CupertinoNavigationBarの右側にウェジェットを表示する方法を紹介します。

方法
使用例

方法

CuopertinoNavigationBarの右側にウェジェットを表示するには、引数「trailing」を使います。

具体的には、CupertinoNavigationBarの引数「trailing」に右側に表示したいウェジェットを指定します。

CupertinoNavigationBar(
  trailing: /*右側に表示したいウェジェット*/,
),

引数「trailing」を使えば、CupertinoNavigationBarの右側にウェジェットを表示することができます。

使用例

以下は、使用例です。

CupertinoNavigationBar(
  trailing: CupertinoButton(
    child: Icon(CupertinoIcons.settings),
    onPressed: () {
      print('Pressed!');
    },
  ),
  middle: Text('Navigation Bar'),
),

[Flutter]CupertinoSwitchの使い方

iOS風のトグルボタンを実装するCupertinoSwitchの使い方を解説します。

[Flutter]CupertinoTextFieldにラベルを表示するには？

CupertinoTextFieldの左側にラベルを表示する方法を紹介します。

[Flutter]CupertinoAlertDialogの使い方

CupertinoAlertDialogの使い方を解説します。

[Flutter]スイッチボタンを追加する方法

Flutterでスイッチボタンを追加する方法を紹介します。

[Flutter]NavigationBarの右側にウェジェットを表示するには？

方法

使用例

コメント

方法

使用例

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント