注意：無特殊說明，Flutter版本及Dart版本如下：
Flutter版本： 1.12.13+hotfix.5
Dart版本： 2.7.0
基礎用法
應用程式有時候需要彈出消息提示使用者，比如‘網絡連接配接失敗’、‘下載下傳成功’等提示，就像Android
等Toast，在Flutter中使用SnackBar元件，用法如下：
Scaffold.of(context).showSnackBar(SnackBar(
content: Text('老孟，一枚有态度的程式員'),
)); 複制
注意并不是在build方法中直接使用SnackBar元件，而是調用
Scaffold.of(context).showSnackBar
方法，消息會在底部彈出并顯示一段時間，預設顯示4秒，然後彈出，我們可以設定其顯示的時間：
Scaffold.of(context).showSnackBar(SnackBar(
duration: Duration(seconds: 1),
)); 複制
顯示的時間為1秒，
content
屬性不一定是文字，也可以是其他元件，比如顯示一個圖示和文字：
Scaffold.of(context).showSnackBar(SnackBar(
content: Row(
children: <Widget>[
Icon(Icons.check,color: Colors.green,),
Text('下載下傳成功')],
),
duration: Duration(seconds: 1),
)); 複制
效果如下：
通過
shape
屬性設定其形狀：
Scaffold.of(context).showSnackBar(SnackBar(
content: Row(
children: <Widget>[
Icon(Icons.check,color: Colors.green,),
Text('下載下傳成功')],
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(50))
),
duration: Duration(seconds: 1),
)); 複制
效果如下：
SnackBar的有2種彈出形式，預設是
fixed
，直接在底部彈出，另一種是
floating
,懸浮在底部，用法如下：
Scaffold.of(context).showSnackBar(SnackBar(
content: Row(
children: <Widget>[
Icon(Icons.check,color: Colors.green,),
Text('下載下傳成功')],
),
behavior: SnackBarBehavior.floating,
)); 複制
floating
效果：
我們還可以對SnackBar增加行為元件，比如增加一個“知道了”按鈕，點選“知道了”，消息馬上隐藏，用法如下：
Scaffold.of(context).showSnackBar(SnackBar(
content: Row(
children: <Widget>[
Icon(Icons.check,color: Colors.green,),
Text('下載下傳成功')],
),
action: SnackBarAction(
label: '知道了',
onPressed: (){},
),
)); 複制
效果：
瞬間多個彈出延遲問題
當短時間内多次調用SnackBar方法時，SnackBar消息将會以隊列的形式一個一個的彈出，比如下面的代碼：
RaisedButton(
child: Text(
'點我，彈出SnackBar',
),
onPressed: () {
List.generate(10, (index){
Scaffold.of(context).showSnackBar(SnackBar(
content: Text('我是消息：$index'),
));
});
},
) 複制
預設情況下每個顯示4秒，如果有10個，那麼40秒内會一直彈消息，體驗明顯不友好，我們希望的效果是如果有新的消息時，舊的都消息立刻消失，顯示新的消息,隻需在彈出新的SnackBar時移除現在的SnackBar，
Scaffold.of(context).removeCurrentSnackBar();
Scaffold.of(context).showSnackBar(...); 複制