flutter系列之:永远不用担心组件溢出的Wrap( 二 ) _生活百科

我们先给Wrap添加spacing属性，运行可以得到下面的界面：

文章插图
可以看到YellowBox之间是用spacing来进行分割的。
那么如果我们希望在Wrap换行的时候，两行之间也有一些间距应该怎么处理呢？
这个时候就需要用到runSpacing属性了：

Widget build(BuildContext context) {return Wrap(direction: Axis.horizontal,spacing: 10,runSpacing: 10,textDirection: TextDirection.ltr,children: [YellowBox(),YellowBox(),// Expanded(//child: YellowBox(),// ),YellowBox(),YellowBox(),YellowBox(),],);}

运行可以得到下面的界面：

文章插图
Wrap已经完美的运行了。
总结Wrap可以通过使用不同的direction来替换Row或者Column，我们在组件可能会超出范围的时候，就可以考虑使用Wrap了。
本文的例子：https://github.com/ddean2009/learn-flutter.git

更多内容请参考 www.flydean.com
最通俗的解读，最深刻的干货，最简洁的教程，众多你不知道的小技巧等你来发现！
欢迎关注我的公众号:「程序那些事」,懂技术，更懂你！

flutter系列之:永远不用担心组件溢出的Wrap( 二 )

经验总结扩展阅读

|网红广东雨神退网，许华升和他的矛盾一直存在，到底是谁的错？

机油高出上限多少没事,机油尺高出上限一点点有事吗

鸡毛菜是小白菜还是小油菜,鸡毛菜是什么

午后的白日梦|火山边的黑色小屋，现实中的诗意生活，大海与山脉近在眼前

2023年9月20日修建坟墓吉日一览表 2023年农历八月初六修建坟墓吉日

|人过四十，过得好的女人，是这样过日子的

怨憎会九宫格怎么解开

拼多多百亿补贴化妆品是正品吗

2023年9月18日摆渡好不好 2023年9月18日摆渡吉日一览表

p0011故障码怎么解决？

7款DIY补水面膜还原嫩白水润肌肤

倒春寒一般持续多久

ap隔离是什么意思 ap隔离意思简述

护肤关于铺天盖地的保养护理产品，你怎么看？

孩子对写作业抵触如何应对

男人眼中最具诱惑丁字裤

龙虾隔夜加热还能吃吗,熟龙虾过夜明天热一下可以吃吗龙虾第二天怎么热

知识产权专业就业前景及就业方向好不好薪资待遇怎么样

2022五一西宁旅游哪里玩五一劳动节西宁游玩值得去的地方

七鳃鳗吃什么七鳃鳗吃什么东西呢