收藏
回答

scroll-view 用flex布局开发一行两列不支持且与view有明显差异,限制一行一view?

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>


回答关注问题邀请回答
收藏

3 个回答

  • 神经蛙
    神经蛙
    2022-07-16
    <scroller-view>
    
    <two-item-component   v-for ....,每次塞2个元素给到这个组件,让他显示在一行,这个难道不是性能更好的一种做法>
    
    <two-item-component>
    
    </scroller-view>
    
    2022-07-16
    有用 1
    回复
  • 九歌^
    九歌^
    2019-10-10

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

    2019-10-10
    有用 1
    回复 2
    • 神经蛙
      神经蛙
      2022-07-16
      馊主意
      2022-07-16
      回复
    • 神经蛙
      神经蛙
      2022-07-16回复神经蛙
      主要是因为这种可能会产生性能问题
      2022-07-16
      回复
  • 金汤肥牛面
    金汤肥牛面
    2020-10-19

    一样遇到这个问题,请问是怎么解决的,包一层view之后,view的布局具体是怎么配置的?

    2020-10-19
    有用
    回复
登录 后发表内容
问题标签