Как изменить цвет границы в TextInput - PullRequest
Новая
       33

Как изменить цвет границы в TextInput

0 голосов
/ 29 июня 2019

Я хочу изменить цвет или границу в этом коде перед фокусом. Я хочу красный цвет, а в фокусе - желтый.

Это моя работа https://prnt.sc/o8evi5

Это код, который у меня есть, и я использую React Native Paper https://callstack.github.io/react-native-paper/text-input.html

                <TextInput
                  label='Email or username'
                  mode='outlined'
                  theme={{ colors: { underlineColor:'red',}}}
                  style={(this.state.isFocused) ? {borderColor: 'black', borderColor: 'black',} : {fontStyle: 'italic', color: 'white'}} 
                  selectionColor='red'
                  underlineColor='red'
                  placeholder='name@example.com'
                  keyboardType='email-address'
                  underlineColorAndroid='transparent'
                  autoCorrect='false'
                  autoCapitalize='none'
                  onChangeText={formikProps.handleChange('email')}
                  onBlur={formikProps.handleBlur('email')}
                  //autoFocus
                />

Я попробовал это, но это не дало мне то, что я хочу https://github.com/callstack/react-native-paper/issues/656

1 Ответ

0 голосов
/ 29 июня 2019

Этот код работал внутри тега TextInput. 

theme={{ colors: { primary: 'green',underlineColor:'transparent',}}}

С помощью основного вы можете изменить цвет рамки на фокусе.Справка: https://github.com/callstack/react-native-paper/issues/656

...