Question

我最近才开始学习本机，并且遇到一个问题，我试图为用户创建一个简单的文本框，以便在其前面键入具有预定义默认值的电话号码（国家/地区代码电话号码）。我尝试使用react-native-phone-input和基本的textinput。如何防止用户删除默认值？

代码类似这样

<PhoneInput
          ref={(ref) => {
              this.phone = ref;
          }}
          allowZeroAfterCountryCode={false}
          value= "+44"
          initialCountry='uk'
          onPressFlag={this.onPressFlag}
          onChangePhoneNumber={(number) => this.setState({phone: number})}
  />

Answer 1

您可以创建一个控制输入的功能：

onChangePhoneNumber={(number) => this.onChangeInut(number)}

实现：

onChangeInput = (number) => {
   if(number.substring(0,3) == '+44'){
      this.setState({phone: number})
   }
}

防止用户删除TextInput上的默认值

1 个答案: