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

HarmonyOS
2024-12-18 15:10:46
浏览
收藏 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
微信
回复
2024-12-18 17:09:02
相关问题
HarmonyOS web组件怎么自适应高度
383浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
372浏览 • 1回复 待解决
HarmonyOS 高度自适应
664浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
305浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
827浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
242浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1172浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
635浏览 • 1回复 待解决
HarmonyOS List高度根据内容自适应
520浏览 • 1回复 待解决
HarmonyOS Grid高度根据内容自适应
410浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
707浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
422浏览 • 1回复 待解决
HarmonyOS 高度自适应的问题
677浏览 • 1回复 待解决
HarmonyOS Grid自适应高度和拖拽问题
925浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
203浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
240浏览 • 1回复 待解决