首页 > 解决方案 > 如何为 Snackbar 添加边距或填充?

问题描述

我一直在 Snackbar 上工作,并在我的项目中取得了成功。但是,我想将这个小东西添加到 Snackbar 中,那就是margins. 我在这个链接中看到过:Snackbars - Material Design

我真的希望我的 Snackbar 变成这样:

目标图片

我现在得到的是这个:

结果图片

我的代码是:

final snackBar = SnackBar(
    content: Text("Feild(s) are empty!"),
    duration: new Duration(seconds: 1),
    backgroundColor: Theme.of(context).primaryColor,
  );
  Scaffold.of(context).showSnackBar(snackBar);
}

标签: fluttermaterial-designsnackbar

解决方案


Flutter 团队更新了snackbar 以匹配本次PR中的材料设计。您可以通过设置简单地获得新行为

行为:SnackBarBehavior.floating

这是一个示例代码

final snackBar = SnackBar(
  elevation: 6.0,
  backgroundColor: Configs.current.COLORS_PRIMARY,
  behavior: SnackBarBehavior.floating,
  content: Text(
    "Snack bar test",
    style: TextStyle(color: Colors.white),
  ),
);

结果看起来像这样

在此处输入图像描述


推荐阅读