如何在flutter中创建动态页面

Question

我想在一行中列出一些组件，当一个组件到达页面的末尾时，它应该只是移动到下一行。通过这种方式，我希望页面能够根据屏幕的大小进行动态调整。我没有代码示例，因为这是一个理论问题。

Answer 1

您可以使用屏幕宽度/高度来计算行小部件的大小。

要获取屏幕尺寸，请执行以下操作:

final height = MediaQuery.of(context).size.height;
final width = MediaQuery.of(context).size.width;

Answer 2

final height = MediaQuery.of(context).size.height; final width = MediaQuery.of(context).size.width;

//或者你可以使用screen util package它使你的屏幕响应

并使您的代码在SizedBox中它会工作的

像这样:SizedBox( height: 100, width: width * 0.85 // this mean width is 85% of screen width// child: //your code ),

Answer 3

显而易见的答案是换行。给它一些子元素，它会在默认情况下从水平开始到水平结束，当下一个子元素不合适时，它会开始第二行。

你甚至不需要把它放在一行中，但你当然可以使用它作为一行或列的一部分。