收藏
回答

小程序的Picker组件渲染效果不一致?

  <Picker
     className="selector"
     mode="selector"
     range={products}
     rangeKey="label"
     value={currentKey}
     onChange={(e) => onChange?.(products[e.detail.value].value)}
   >
    <View className="picker">
     {currentKey !== -1 ? products[currentKey].label : products[0].label}
    </View>
     </Picker>





想请教下为啥在组件使用Picker且mode 为selector的模式下,这个组件的渲染效果是这个排版布局?

在demo上看的渲染效果是这样:

是缺少了配置什么参数了么还是和vx的基础库有关呢?

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

1 个回答

  • 兮兮
    兮兮
    04-10

    当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

    04-10
    有用
    回复 4
    •  
       
      04-10
      是样式问题,不是问的为啥渲染的是object,这个没疑问。


      默认的picker渲染出来的样式是按钮分布在顶部的左右两侧,但是现在默认渲染的是在中间偏底部的位置。
      04-10
      回复
    • 兮兮
      兮兮
      04-10回复 
      模拟器和真机是不同的
      04-10
      回复
    •  
       
      04-10
      但是我这边有需要渲染成图2中picker的样式,有没有什么方法?
      04-10
      回复
    • 兮兮
      兮兮
      04-11回复 
      自定义组件
      04-11
      回复
登录 后发表内容