flutter - 根据父级大小按比例缩小小部件中的所有子级

标签 flutter dart flutter-layout flutter-widget

在 Flutter 中,我正在实现“什么是新的”屏幕,它将显示应用程序中真实屏幕的预览。
为此,我重用了屏幕 Widgets在“最新消息”流程中。
预览将显示在较小的 Container 中而不是覆盖整个屏幕。

我要规模减小此 Container 中所有小部件的文本大小、行高等以匹配较小的边界。
有没有办法在不单独为每个小部件单独添加较小样式的情况下做到这一点?

例如全部缩小fontSizesWidget child 增加 20%无论主题中设置的大小

最佳答案

我找到了解决方案。用 Transform.scale(...) 包裹子部件树将根据提供的比例因子按比例缩小树中的所有小部件。

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Transform.scale(
      scale: 0.9,
      child: MyScaledWidgetTree(),
     ),
     Container(
      child: ...,
     ),
   ],
)

关于flutter - 根据父级大小按比例缩小小部件中的所有子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59930259/

相关文章:

Flutter:使用 Dart 检查设备可用存储

flutter - 如何刷新 Navigator.Pop 或 Push in Flutter 上的状态

flutter - 哈希码可以与 <= => 符号进行比较吗?

android - 构建 flutter 应用程序时 IntelliJ 出错

android - 此应用程序不能树摇图标字体。 Android 部署的 Flutter 构建错误

flutter - Stepper 中的图标太大

Flutter:AppBar 形状(工具栏和应用栏背景不同的圆顶角)

intellij-idea - 删除 IntelliJ IDEA 中的自动右括号注释

flutter - flutter 重定向到另一个页面时如何更改方向

flutter - 参数类型 'String? Function(String)' 无法分配给参数类型 'String? Function(String?)?'