如何将AnimatedContainer设置为全宽？

Question

我正在尝试学习制作动画。当按下按钮时，我有一个在Button和CircularProgress之间交替的代码：

<div id="div">
  <input id="color" type="color">
</div>

我想找到一个更好的解决方案来在显示Button时设置AnimatedContainer的宽度。我想将其设置为全宽，而不用通过随机数来猜测或最大化数字（在代码中，我将其设置为350）。有一个更好的方法吗？谢谢。

Answer 1

您可以使用MediaQuery.of（context）.size.width获取设备的宽度。

Answer 2

您可以在使用行或列或ConstrainBox的同时使用Expanded窗口小部件或flexible，它使您能够使用fitBox来约束窗口小部件或布局构建器以及许多其他窗口小部件，您可以控制fit。这是{{3} } 另外，如果您想创建响应式用户界面，请点击此处，获取一些有用的小部件的链接 link