[Flutter]SnackBarの表示時間をカスタマイズする方法

このページには広告が含まれる場合があります。

 

Flutterで画面下に軽量なメッセージを表示できる「SnackBar」というWidgetがありますが、これは一定時間が経過すると勝手に消えるようになっています。

SnackBarの表示時間は、デフォルトでは「4秒」になっているので、

The amount of time the snack bar should be displayed.

Defaults to 4.0s.

これを変更したい場合は、以下のような感じで、duration属性に表示させたい時間をDurationクラスのインスタンスの形で設定してやればカスタマイズできます。

SnackBar(
    content: const Text('Awesome SnackBar!'),
    //これ
    duration: const Duration(milliseconds: 1500),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(10.0),
    ),
),

(詳しくは、以下の動画で解説していますので、よろしければご覧下さい)

こんな記事も読まれています

イチオシ

40代から感じるモヤモヤを解消できる 無料動画セミナー

あすコロ式・40代からの人生アップデート【新】戦略

アラフォーでキャリアを失ったバリバリ左脳人間・スピリチュアル耐性ゼロの元金融マンが、人生どん底から立ち上がる過程でたどり着いた「人生再構築メソッド」。40代・50代を過ぎて多くの人が感じる「このままでいいんかな?」「この先どうしたらいいかわからない」というモヤモヤを解消し、人生後半戦をアップデートさせる【新】戦略。

今すぐ無料で動画セミナー(80分)を見る ▶

TOP