我正在创建自定义按钮，并在其中使用TouchableOpacity Text。我想分别为TouchableOpacity和Text使用特定样式项（例如padding，backgroundColor代表TouchableOpacity和color，{{1} } FontSize）。挑战在于我拥有自己的
我的代码应该是这样的：
Text它有错误并且说无法找到const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
padding:10,
backgroundColor:'red',
},
text:{
color:'white'
}
}
<TouchableOpacity style={[styles.container, {background: this.props.style.backgroundColor, padding: this.props.style.padding}]}>
<Text style={[styles.text, {color:this.props.style.color}]}>{label}</Text>
</TouchableOpacity>
（我测试有和没有样式（如果它应该工作，则为诅咒，它应该适用于两种形式））。我也希望将这些样式作为道具发送。
修改
我将样式this.props.style.backgroundColor传递给我的按钮，如下所示：
props答案 0 :(得分：1)
您应该创建另一个.js，例如colors.js，并在那里添加颜色（或更多）：
export const valid = 'green';
export const background = 'red';
然后使用
在视图中导入它们 import * as Colors from './colors';
并使用Colors.background或Colors.valid等