HarmonyOS NEXT输入框不显示内容?

Question

HarmonyOS NEXT输入框不显示内容?

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

参考以下示例代码引用TextInput自定义组件：

@Component 
struct TextInputComponent { 
  @Link text: string 
  controller: TextInputController = new TextInputController() 
 
  build() { 
    Column({ space: 20 }) { 
      TextInput({ 
        text: this.text, 
        placeholder: '请输入手机号', 
        controller:this.controller 
      }) 
        .placeholderColor(Color.Gray) 
        .placeholderFont({ size: 14, weight: 400 }) 
        .width(300) 
        .type(InputType.Number) 
        .borderWidth(0) 
        .backgroundColor(Color.Transparent) 
        .fontSize(16) 
        .maxLength(11) 
        .maxLines(1) 
        .padding(5) 
        .inputFilter("[0-9]") 
        .onChange((value) => { 
          this.text = value 
        }) 
    } 
    .width('100%') 
    .justifyContent(FlexAlign.Center) 
  } 
} 
 
@Entry 
@Component 
struct ParentComponent { 
  @State param : string = '13670187134' 
  build() { 
    Column() { 
      TextInputComponent({text:this.param}); 
      Divider().height(10) 
      Text('输入框的内容:'+this.param) 
    } 
  } 
}