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

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

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

SnackBar class - material library - Dart API

API docs for the SnackBar class from the material library, for the Dart programming language.

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

The amount of time the snack bar should be displayed.

Defaults to 4.0s.

duration property - SnackBar class - material library - Dart API
API docs for the duration property from the SnackBar class, for the Dart programming language.

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

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

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