search

callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
12.81k stars 2.08k forks source link

there is a white color line behind the label #4286

Open iasreact1 opened 8 months ago

iasreact1 commented 8 months ago

there is a white line behind the label react-native-paper-5.12.1 my code is <TextInput ref={firstInputRef} mode='outlined' label='Email' placeholder="email@gmail.com" placeholderTextColor={Colors.colorDeepGreen} selectionColor={Colors.colorDeepGreen} outlineColor={Colors.colorDark} returnKeyType="next" activeOutlineColor={Colors.colorDeepGreen} secureTextEntry={false} value={email} onChangeText={(value) => setEmail(value)} style={styles.inputTextSt} theme={{ colors: { onSurfaceVariant: Colors.colorDeepGreen } }} onSubmitEditing={() =>{ secondInputRef.current.focus(); }} /> ![textInput](https://github.com/callstack/react-native-paper/assets/118831987/6d560838-3825-4d68-b627-43bc5e63db14)

iasreact1 commented 8 months ago

textInput

sieun0322 commented 8 months ago

theme={{colors:{background:Colors.colorGreen}}} you can change the white line's color with the code. But it also changes the background color.

How did you change the background to transparent?