HarmonyOS TextInput高度怎么自适应并取消上下间距

HarmonyOS
6h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

textInput高度与字号大小有关,textInput输入框会自带上下边距,如需去除需要自行设置padding属性,并配合设置fontSize大小可以达到没有边距字符与输入框贴合的效果

@Entry
@Component
struct Index {
  @State message: string = '';
  @State customValue: string = '文本内容';

  build() {
    Row() {
      Column() {
        TextInput({text:this.message,placeholder:"搜索"})
          .width('90%')
          .fontSize(20)//textInput高度跟字号大小有关
          .fontColor(Color.Red)
          .placeholderColor(Color.Red)
          .placeholderFont({size:20})//提示字号大小也与高度有关  建议统一设置
          .backgroundColor(Color.Gray)
          .padding({left:20})//上下间距规格如此          .enterKeyType(EnterKeyType.Search)
          .onChange((value)=>{
            this.message=value
          })

        TextInput({text: this.customValue, placeholder: '自定义' })
          .padding(0)
          .fontSize(50)
            // .placeholderFont({size:40})
          .backgroundColor(Color.Brown)

      }
      .width('100%')
    }
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
4h前
相关问题
HarmonyOS 高度自适应
239浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
738浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
339浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
325浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
405浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
36浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
8浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1002浏览 • 1回复 待解决
HarmonyOS 自适应父组件高度问题
1091浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
503浏览 • 1回复 待解决
Web组件如何实现高度自适应
1045浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3245浏览 • 1回复 待解决
HarmonyOS TextInput 取消默认焦点
517浏览 • 1回复 待解决
arktsUI组件的自适应怎么
601浏览 • 1回复 待解决
HarmonyOS TextInput无法取消焦点
314浏览 • 1回复 待解决