如何在Flutter中根据父组件调整图标大小

Question

我希望可以将容器内图标的大小设置为与容器相同，从而避免因尺寸数值的硬编码在更大设备中显得过小。我正在尝试类似以下的方法：

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

- Vishnubly

---

我想设置图标的大小，但是只有通过容器的对齐属性才能对其子元素进行对齐。 - Vishnubly

如果您正确设置了包围图标的容器的尺寸，您可以尝试在图标周围使用SizedBox。我建议使用MediaQuery获取屏幕尺寸并适当地设置容器的高度/宽度以适应屏幕大小。 - Jwildsmith

容器是否填满整个屏幕或继承自另一个小部件？如果是从另一个小部件继承，请在您的问题中添加该小部件的代码。 - LonelyWolf

Answer 1

如果您希望图标的大小符合其容器父元素的边缘，您可以将其放置在FittedBox中。

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

您可以更改FittedBox的fit属性以调整一些大小并更改对齐方式。 https://api.flutter.dev/flutter/widgets/FittedBox-class.html

- Texv