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

Question

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

我想缩小文本大小，行高，等这个范围内所有小Container ，以匹配更小的范围。 有没有办法在不单独为每个小部件单独添加较小样式的情况下做到这一点？

例如，无论主题中设置的大小如何，都将Widget child所有fontSizes大小缩小 20%

Answer 1

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

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