SnackBarでメッセージ表示する

はじめに

データの保存/修正/削除などの処理の成功・失敗をユーザーに表示する。 SnackBarを使うのはその方法のひとつ。

SnackBarとは下記画像のような画面下でメッセージを表示するものです。

Scaffoldの中でSnackBarを表示することができます。 実装方法は

1. Scaffoldを使ったWidgetを実装する
2. Scaffoldを使ったWidget配下でボタンなどの処理の中でSnackBarを作成&送信する

実装

下記は「タップ」ボタンをタップすると「エラーが発生しました」というSnackBarが表示されます

See the Pen SnackBar by fjsw (@fjsw) on CodePen.