9-13活动入口实现
活动入口。首先分为上下两行,每一行有5个入口。每个入口分为商量两个部分,上面是图标下面是文字。
开始
新建sub_nav.dart
Contianer的高度去掉,
四个角都是圆角的话,有一个简单的方式设置。
可灵活配置的展现
每行虽然现实了5个,但是如果后端返回的数据 自由4个 或者 6个等等。
不管有多少数据,我们只显示最多两行。
计算出每行展示的数量
第一行和第二行,第二行用padding包裹,距离顶部10
这样就将item数组分成了上下两个部分!!!!!!!
首页调用subNav
loadData里面进行初始化
调用subNav
缺点,并没有上下对齐。
解决上下不对齐的问题
对样式进行一些调整。
首先让item进行平分布局的大小。
外层嵌套一个Expanded
点击自由行,进行了跳转
回顾
最多显示两行,所以除以2.计算出每行显示的数量
然后将这个数组拆分成两部分
结束