Flutterでスナックバーを出す

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("クリップボードにコピーしました"),
                    ));