要在React Native Elements中使禁用的TextInput变灰,您可以使用StyleSheet来自定义TextInput的样式,并根据其禁用状态设置不同的颜色。
以下是一个示例代码:
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { Input } from 'react-native-elements';
const App = () => {
return (
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
inputContainer: {
width: '80%',
},
input: {
color: 'black', // 设置默认文本颜色
borderColor: 'gray', // 设置默认边框颜色
borderWidth: 1,
borderRadius: 5,
padding: 10,
},
});
export default App;
在上面的示例中,我们通过inputStyle
属性设置了TextInput的样式,并将其应用于input
样式。在input
样式中,我们设置了默认的文本颜色为黑色,并设置了默认边框颜色为灰色。
当TextInput的disabled
属性设置为true
时,TextInput将自动应用禁用状态的样式,并将其文本颜色更改为灰色。
您可以根据自己的需求修改样式,以适应您的项目。