I have a component in search.js. Something like this-
<TextInput
placeholder={'Search keyword'}
placeholderTextColor={'#cccccc'}
style={styles.input}
autoCapitalize={'none'}
autoFocus={true}
underlineColorAndroid={'#cccccc'}
>
</TextInput>
The style for given TextInput is this-
input: {
padding: 5,
height: 45,
fontSize: 16,
color: '#111111',
marginBottom: 20,
borderWidth: 1,
},
I have another TextInput placed in my sign-in page.
<TextInput
style={styles.input}
value={this.state.username}
onChangeText={(text) => this.setState({username: text, error: ''})}
autoCapitalize={'none'}
autoCorrect={false}
returnKeyType='next'
keyboardType={'email-address'}
>
</TextInput>
Style-
input: {
padding: 4,
height: 45,
fontSize: 22,
color: '#ffffff',
marginBottom: 20,
borderWidth: 1,
textAlign: 'center'
},
Why is underlineColorAndroid={'#cccccc'} from first TextInput is being applied to the second TextInput? Am I doing something wrong? Or is this a legitimate issue?
I have a component in search.js. Something like this-
The style for given TextInput is this-
I have another TextInput placed in my sign-in page.
Style-
Why is underlineColorAndroid={'#cccccc'} from first TextInput is being applied to the second TextInput? Am I doing something wrong? Or is this a legitimate issue?