如何在颤动中根据父级调整图标大小

Posted 2023-02-23

【中文标题】如何在颤动中根据父级调整图标大小

【英文标题】：How to size an icon according to parent in flutter

【发布时间】：2020-07-14 23:44:53

【问题描述】：

我想将容器内的图标大小调整为该容器的大小，这样在较大的设备中它就不会因为对大小值进行硬编码而变小。我正在尝试这样的事情

Container(
  child: Icon(
    Icons.beach_access,
    size: double.infinity,
  )
)

【问题讨论】：

我要设置Icon的大小，Container上有alignment属性我只能对齐child

您可以尝试在图标周围使用SizedBox，前提是您已正确设置图标周围的容器尺寸。我建议使用 MediaQuery 来获取屏幕的尺寸，并根据屏幕大小适当地设置容器的高度/宽度。

容器填满整个屏幕还是从另一个小部件继承大小？如果来自另一个小部件，则在您的问题中添加该小部件代码

【参考方案1】：

如果您希望图标的大小与其 Container 父级的末端相吻合，您可以将其放置在 FittedBox 中

Container(
  child: FittedBox(
     child: Icon(
        Icons.beach_access,
          ),
        ),
      ),

您可以更改 FittedBox 的 fit 属性以调整某些大小并更改对齐方式。

https://api.flutter.dev/flutter/widgets/FittedBox-class.html