如何更改react本机应用程序中文本输入的边框颜色

Jon*_*nny 3 react-native react-native-android

如何更改边框颜色或如何在文本输入字段聚焦时在native native中添加或更改文本输入字段中的样式.(对于android)

Pri*_*dya 11

你可以使用onFocusonBlur完成这项工作

state: {
    isFocused: true
}

 handleFocus = () => this.setState({isFocused: true})

 handleBlur = () => this.setState({isFocused: false})

 <TextInput
         onFocus={this.handleFocus}
         onBlur={this.handleBlur}
         style={[//Your Styles, {
             borderBottomColor: this.state.isFocused
                 ? 'black'
                 : 'red',
             borderBottomWidth: 1,
         }]}
     />
Run Code Online (Sandbox Code Playgroud)

  • 它适用于单一领域。但是当多个字段时它会如何工作呢? (2认同)