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

Question

[在Flutter中，我正在实现“新功能”屏幕，该屏幕将显示应用程序中实际屏幕的预览。为此，我在“新功能”流程中重用了屏幕Widgets。预览将以较小的Container显示，并且不会覆盖整个屏幕。

我想缩放缩小此Container中所有小部件的文本大小，行高等，以匹配较小的边界。有没有一种方法，而不必分别为每个小部件分别添加较小的样式？

例如不考虑主题中设置的大小，将fontSizes的所有Widget child缩小20％

Answer 1

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

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