在 Flutter 中像 bootstrap 一样构建布局

Question

如何在 Flutter 中构建响应式布局，例如 Bootstrap 或 Angular Flex 布局？

BootStrap：https://getbootstrap.com/docs/4.0/layout/overview/

Angular Flex 布局：https://tburleson-layouts-demos.firebaseapp.com/#/docs

Answer 1

Flutter 具有与 HTML 不同的布局系统。

没有严格的等价物。相反，该功能分布在整个小部件目录中。

其中一些小部件是：

• Row/Column与MainAxisAlignment和Expanded结合，用于单行“flexbox”
• Wrap 用于包裹的弹性盒
• GridView 用于常规网格
• CustomMultiChildLayout用于高级网格模板
• LayoutBuilder 用于取决于可用大小的布局（避免

  MediaQuery

  ）

Answer 2

您可以尝试Syncfusion Flutter Datagrid，因为它们为我们提供了很多选择。

有关Syncfusion的更多详情，您可以访问他们的官方网站