虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

Flutterでスナックバーを出す

f:id:superman199323:20181117145250j:plain

Flutterでスナックバーを出す

マテリアルデザインでよくあるスナックバーの出し方について書きます。

スナックバーってなに??って方はこちらをご覧ください。

material.io

実装

ぶっちゃけ、 new SnackBar を呼ぶだけだがこれ以外にも key を設定する必要がある

  • Scaffold にキーを設定する
class _GroupDetailInfoState extends State<GroupDetailInfo> {
  GroupInfoHelper helper = GroupInfoHelper();

  final _key = new GlobalKey<ScaffoldState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        key: _key,
    )

  • 呼びたいタイミングでkeyに対してsnackbarを設定する
_key.currentState.showSnackBar(new SnackBar(
                      content: new Text("クリップボードにコピーしました"),
                    ));