使用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)
HarmonyOS
2024-06-03 22:53:09
浏览
收藏 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)
分享
微博
QQ
微信
回复
2024-06-04 22:02:06
相关问题
HarmonyOS textpicker使用问题
287浏览 • 1回复 待解决
HarmonyOS textpicker组件使用咨询
427浏览 • 1回复 待解决
HarmonyOS RelativeContainer子控件显示问题
368浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
262浏览 • 1回复 待解决
import Sample 里异常显示
6473浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
56浏览 • 1回复 待解决
Rect设置渐变显示异常
301浏览 • 0回复 待解决
HarmonyOS 字符串显示异常
466浏览 • 1回复 待解决
HarmonyOS Tabs 控件 底部显示不全
35浏览 • 1回复 待解决
HarmonyOS Text加载藏文时,显示异常
43浏览 • 1回复 待解决
Grid组件显示异常该怎么处理?
350浏览 • 1回复 待解决
HarmonyOS list左滑 字体显示异常
23浏览 • 1回复 待解决
HarmonyOS 刷新控件问题
161浏览 • 1回复 待解决
HarmonyOS 弹窗异常问题
375浏览 • 1回复 待解决
@kit.MapKit 地图控件无法显示
2197浏览 • 1回复 待解决
HarmonyOS web控件执行多次问题
492浏览 • 1回复 待解决