将阴影添加到SnackBar(Flutter)

时间:2020-04-01 13:04:51

标签: flutter

恐怕这是不可能的。但是,这是我的SnackBar代码:

displaySnackBar(String message, BuildContext context) {
    final snackBar = SnackBar(
      duration: Duration(milliseconds: 2000),
      behavior: SnackBarBehavior.fixed,
      content: Text(message, style: TextStyle(color: Colors.black, fontWeight: FontWeight.normal)), 
      backgroundColor: Colors.white
    );
  Scaffold.of(context).showSnackBar(snackBar);
}

效果很好。唯一的问题:我想在其后添加一个简单的阴影。 behavior必须为fixed

3 个答案:

答案 0 :(得分:1)

答案:目前无法(不使用插件)。

答案 1 :(得分:0)

使用默认的SnackBar小部件和behavior.fixed,您可能无法放置阴影效果。但是您可以使用this插件来实现。栏顶部有一个阴影示例:

enter image description here

希望这会有所帮助。

答案 2 :(得分:-1)

如果对某人很重要,您可以使用插件或使用BottomSheet 实现类似效果。我知道它不是真正的 SnackBar,但您可以手动实现所需的 SnackBar 功能。

bottom sheet

BottomSheet 的想法如下。您可以手动添加所需的功能。

 public string _marketPrice = DataSource.SymbolPrice;
 public string marketPrice
 {
     get { return _marketPrice; }
     set
     {
         if (_marketPrice != value) 
         {
            _marketPrice = value;
            RaisePropertyChanged("marketPrice");
         }
     }
 }