靠两个TextInput自带方法和一个自定义变量实现实现:
onFocus()(聚焦时调用),
onBlur()(失去焦点时调用),
isFocusTextInput1(用于控制format显示,聚焦时变为true,失焦时变为false,默认为false)
TextInput组件写法:
<TextInput
......//其他props
defaultValue={
this.state.isFocusTextInput1?
String(this.state.inputAmt1):
formatNumber(this.state.inputAmt1)
}
onFocus={(value) => { this._changeIsFocusTextInput1() }}
value={
this.state.isFocusTextInput1?
String(this.state.inputAmt1):
formatNumber(this.state.inputAmt1)
}
onBlur={(value) => { this._changeIsFocusTextInput1() }}
maxLength={10}
onChangeText={(value) => { this._changeInputAmt1(value) }} />
聚焦,失焦方法:
_changeIsFocusTextInput1(value){
this.setState({
isFocusTextInput1:!this.state.isFocusTextInput1,
})
}