【问题标题】: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 来获取屏幕的尺寸,并根据屏幕大小适当地设置容器的高度/宽度。
  • 容器填满整个屏幕还是从另一个小部件继承大小?如果来自另一个小部件,则在您的问题中添加该小部件代码

标签: flutter dart flutter-layout flutter-container


【解决方案1】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2014-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-29
    • 1970-01-01
    相关资源
    最近更新 更多