使用TextPicker控件显示异常的问题

使用下面代码显示一个两列的选择器控件,设置了每一行的高度为88,但是看图片并不是设置的一样,请问该如何设置才能达到每一行的高度是88的效果,并且最上和最下两行完全显示在页面中?

TextPicker({ range: this.multiArray, selected: this.selected }) 
  .onChange((value: string | string[], index: number | number[]) => { 
    console.info('testTag Picker item changed, value: ' + value + ', index: ' + index) 
  }) 
  .width('100%')// .height(fixedPx2Vp(440)) 
  .defaultPickerItemHeight(fixedPx2Vp(88)) 
  .disappearTextStyle({ 
    color: '#A5A5A5', 
    font: { 
      size: fixedFontSize2Vp(32) 
    } 
  }) 
  .textStyle({ 
    color: '#A5A5A5', 
    font: { 
      size: fixedFontSize2Vp(32) 
    } 
  }) 
  .selectedTextStyle({ 
    color: '#222222', 
    font: { 
      size: fixedFontSize2Vp(32) 
    } 
  }) 
  .canLoop(this.canLoop)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
HarmonyOS
2024-06-03 22:53:09
840浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
单花红丝线

这里的每一项直接默认是有一定间隙的,看起来其他项会比选中项要高一些。

TextPicker({ range: this.multiArray, selected: this.selected }) 
  .onChange((value: string | string[], index: number | number[]) => { 
    console.info('testTag Picker item changed, value: ' + value + ', index: ' + index) 
  }) 
  .width('100%') 
  .defaultPickerItemHeight(88) 
  .canLoop(true)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
分享
微博
QQ
微信
回复
2024-06-04 22:02:06
相关问题
HarmonyOS textpicker使用问题
704浏览 • 1回复 待解决
HarmonyOS TextPicker问题
503浏览 • 1回复 待解决
HarmonyOS textpicker组件使用咨询
1065浏览 • 1回复 待解决
HarmonyOS RelativeContainer子控件显示问题
1202浏览 • 1回复 待解决
HarmonyOS TextPicker多列问题
881浏览 • 1回复 待解决
HarmonyOS TextPicker多级联动展示问题
663浏览 • 1回复 待解决
HarmonyOS 安全控件使用问题
1002浏览 • 1回复 待解决
HarmonyOS TextPicker
488浏览 • 1回复 待解决
HarmonyOS Text显示异常
494浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
721浏览 • 1回复 待解决
HarmonyOS RelativeContainer内控件显示
580浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
678浏览 • 1回复 待解决
HarmonyOS web页面显示异常
568浏览 • 1回复 待解决
Rect设置渐变显示异常
938浏览 • 0回复 待解决
import Sample 里异常显示
7481浏览 • 1回复 待解决