gpt4 book ai didi

react-native - 如何更改 TextInput 中的边框颜色

转载 作者:行者123 更新时间:2023-12-04 11:17:15 40 4
gpt4 key购买 nike

我想在焦点之前更改此代码中的颜色或边框,我想要红色,在焦点上我想要黄色。

这是我的工作
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

最佳答案

此代码在 TextInput 标签内工作。

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

使用primary,您可以更改焦点的边框颜色。
引用:
https://github.com/callstack/react-native-paper/issues/656

关于react-native - 如何更改 TextInput 中的边框颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56820591/

40 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com