Flutter 中的 Material Design 维度答案

【问题标题】：Material Design Dimensions in FlutterFlutter 中的 Material Design 维度
【发布时间】：2018-05-28 16:14:24
【问题描述】：

我是 Flutter 新手，我想做一个像 WhatsApp 这样的应用程序
我决定了解设计尺寸，然后我去了to 当我在应用栏this was the result 而this is the original app bar 上应用规定的尺寸时，我发现了dps 中的尺寸，那么如何在Flutter 中应用材料设计尺寸（dps、px 等...）

【问题讨论】：

标签： material-design flutter

【解决方案1】：

默认情况下，Flutter 中的所有材料设计小部件都满足材料设计准则。例如，浮动操作按钮带有一个默认的边距，您无需手动指定。因此，您无需为您的应用栏操作项提供自定义填充或边距。

【讨论】：

【解决方案2】：

您可以将任何小部件包装在 Container 中。如果没有，则可以设置宽度和高度。

虽然很多小部件都有它。

例如，可以放在AppBar的actions中的IconButton有iconSize

          IconButton(iconSize: 36.0,icon: Icon(Icons.search,));

但如果你想要不对称的触摸场，你可以将几个小部件组合在一起

          InkWell(
              child: new Container(
                width: 36.0,
                height: 24.0,
                child: Icon(
                  Icons.search,
                ),
              ));

有很多组合可用，因此最好针对特定组件提出特定问题。

【讨论】：