ant-design / ant-design-mobile-rn

Ant Design for React Native
https://rn.mobile.ant.design/
MIT License
3k stars 610 forks source link

[Bug] Picker组件多列模式下传入data时,如果name的值的长度过长出现截断符号后,两个列会错位 #1311

Closed DreamEVA closed 4 months ago

DreamEVA commented 10 months ago

💬 前提强调

🙋 描述详情/重现步骤

Picker组件多列模式下传入data时,如果name的值的长度过长出现截断符号后,两个列会错位

💻 运行环境

Android

⚫️ npx react-native info输出信息

af0e5d04df38cc2ae99a3f2e98e684b

补充说明

No response

DreamEVA commented 10 months ago

并且右侧列会无法滑动

1uokun commented 9 months ago

如何复现"两个列会错位" @DreamEVA

DreamEVA commented 9 months ago

const data = [ { label:'00000000超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label', value:'1', children:[ { label:'0000超长的labell', value:'1-1', }, { label:'超长的label', value:'1-2', } ] }, { label:'00000000超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label超长的label', value:'2', children:[ { label:'超长的label超长', value:'2-1', }, { label:'超长的lab', value:'2-2', } ] } ]; // 在小屏幕的设备上能稳定复现<List> <Picker data={data]} value={state.CKCode} cols={2} onChange={(value)=>{ setState({ CKCode:value }); }} itemStyle={{ paddingTop:8, paddingBottom:8, }} > <List.Item arrow={'horizontal'}>仓库仓区-库位</List.Item> </Picker>  

ぃ不幸少年℡ @.***

 

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2023年9月19日(星期二) 晚上6:03 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [ant-design/ant-design-mobile-rn] [Bug] Picker组件多列模式下传入data时,如果name的值的长度过长出现截断符号后,两个列会错位 (Issue #1311)

如何复现"两个列会错位" @DreamEVA

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

1uokun commented 4 months ago

fixed in 5.1.0