摘要: 比如当我们在使用Row的时候,我们有时候会超出屏幕宽度,这样程序就会报错无法运行,如图。 我们这时候就可以使用流式布局来解决这个问题。这里使用有状态的widget来实现。 //流布局 class WrapDemo extends StatefulWidget { const WrapDemo({Ke 阅读全文
posted @ 2021-12-27 17:31 潋澜 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 继上一节介绍完column和row,这一节就来介绍弹性布局Flex 需要注意的是,Flex是默认必传direction值的,即布局方向。设为水平,和Row一样 child: Flex(direction: Axis.horizontal, //vertical垂直类似column,horizonta 阅读全文
posted @ 2021-12-27 16:52 潋澜 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 在Flutter中,和android其实一样,必须要先有布局,才能放置组件,因此,就先在这里介绍Flutter的布局。 ps:布局的最外层一定要用Scaffold包裹 一、Column/Row class LayoutDemo extends StatelessWidget { const Layo 阅读全文
posted @ 2021-12-27 16:21 潋澜 阅读(341) 评论(0) 推荐(0) 编辑