web-dev-qa-db-ja.com

スナックバーに余白やパディングを追加する方法は?

私はスナックバーに取り組んで、私のプロジェクトで正常に達成されました。ただし、スナックバーに追加したいと思っていて、marginsです。私はこのリンクで見たことがあります: スナックバー - 素材デザイン

私は本当に私のスナックバーがこのようになってほしい:

Target Picture

私が到着しているのは今これが次のとおりです。

Resultant Picture

私のコードは:

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

スクリーンショット:

enter image description here


最小コード:

var snackbar = SnackBar(
  content: Text('Hello World!'),
  margin: EdgeInsets.all(20),
  behavior: SnackBarBehavior.floating,
);
Scaffold.of(context).showSnackBar(snackbar);
 _

フルコード:

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Builder(builder: (context) {
        return RaisedButton(
          onPressed: () {
            var snackbar = SnackBar(
              content: Text('Hello World!'),
              margin: EdgeInsets.all(20),
              behavior: SnackBarBehavior.floating,
            );
            Scaffold.of(context).showSnackBar(snackbar);
          },
          child: Text('Show SnackBar'),
        );
      }),
    ),
  );
}
 _
0
CopsOnRoad