像bootstrap一样在Flutter中构建布局

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不同的布局系统。

没有严格意义上的等价物。相反，该特性分布在整个widget目录中。

其中一些小部件包括：

对于flexboxes的单行"flexbox"

• Wrap，
• Row/Column结合了wraps
• GridView；对于常规grids
• CustomMultiChildLayout，对于高级格网，templates
• LayoutBuilder结合了MainAxisAlignment和Expanded；对于取决于可用大小的布局，则避免使用MediaQuery)

Answer 2

This和this可能会对您有所帮助。