Remove text input underline border in React Native in dark mode

Asked May 17 '21 at 10:20

Active May 17 '21 at 13:13

Viewed 330 times

Underline border appears in React Native Textinput when in dark mode of the device, When switch to light mode it's gone

TextInput when in light mode <---- screenshot

TextInput when in dark mode <---- screenshot

This is the react native style sheet code

textInput: {
width: '100%',
height: '100%',
borderBottomWidth: 0,
paddingRight: 5,
paddingLeft: 15,
color: colors.light__0,
fontFamily: 'Poppins-Medium',
},

Here is the TextInput JSX code

    <TextInput
    onChangeText={() => handleChange()}
    onBlur={handleBlur()}
    value={value}
    style={styles.textInput}
    placeholder={placeholder}
    autoCompleteType={autoCompleteType}
    secureTextEntry={secureTextEntry}
    keyboardType={keyboardType}
    underlineColorAndroid={'transparent'}
    placeholderTextColor={colors.light__40}
    ></TextInput>

edited May 17 '21 at 13:13

asked May 17 '21 at 10:20

Pulkit saini

whats the color of underline ? and please provide some screen shot or code. – Abdul Kawee May 17 '21 at 10:24
and whats the model of device ? – Abdul Kawee May 17 '21 at 11:14
Android version 9, Model : RMX1811, Oppo realme – Pulkit saini May 17 '21 at 12:54
can you please share textinput code? – Abdul Kawee May 17 '21 at 13:07
Just added the code – Pulkit saini May 18 '21 at 08:50
Just tested the above code, works fine – Abdul Kawee May 18 '21 at 14:03

Remove text input underline border in React Native in dark mode

0 Answers0