scroll-view 用flex布局开发一行两列不支持且与view有明显差异,限制一行一view?
发布于 6 年前 作者 fangyang 4301 次浏览 来自 官方Issues

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>
1 回复

建议在scroll-view里包一层view。在这个view上写flex布局

回到顶部