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

Question

在 Flutter 中，我正在实现“新功能”屏幕，它将显示应用程序中真实屏幕的预览。为此，我Widgets在“新增功能”流程中重复使用屏幕。预览将以较小的形式显示，Container并且不会覆盖整个屏幕。

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

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

Answer 1

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

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