[Flutter]CupertinoNavigationBarの左側 (leading)にウェジェット(widget)を表示するには？

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

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

方法
使用例

方法

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

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

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

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

使用例

以下は、使用例です。

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

[Flutter]CupertinoSwitchの使い方

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

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

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

[Flutter]CupertinoAlertDialogの使い方

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

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

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

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

方法

使用例

コメント

方法

使用例

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント