scroll-view 实现上下滑动列表,每行显示两个item,通过flex布局实现内容折行。
一开始是用view来做列表的父容器,但是发现它在iOS中滚动没有惯性效果,滚动感觉很难受就像踩刹车。
后面想到scroll-view可以解决如上问题,然后将view替换成scroll-view,然后发现一行两列的布局全部变成一行一列,即使你把item的width设置为很小的值也一样。
现在猜想的情况是scroll-view开启scroll-y=true时,不支持这种一行上两个独立 item view 实现的一行两列,可能只能用一行一个view包裹两个item的方法才能实现(wx:for有index)。
请问微信官方开发者,是不是scroll-view 在上下滑动列表模式真的不支持 一行两个view的情况?
< scroll-view scroll-y = "true" style = "height: 400px" enable-flex = "true" > < view class = "item" wx:for = "{{[1,2,3,4,5]}}" >Item:{{item}}</ view > </ scroll-view > |
<scroller-view> <two-item-component v-for ....,每次塞2个元素给到这个组件,让他显示在一行,这个难道不是性能更好的一种做法> <two-item-component> </scroller-view>
建议在scroll-view里包一层view。在这个view上写flex布局
一样遇到这个问题,请问是怎么解决的,包一层view之后,view的布局具体是怎么配置的?