无法更改 React 原生纸张中卡片标题文本的颜色



我刚刚开始使用React Native并将Paper用于UI元素。我正在使用当前屏幕的卡片布局:

{cardData.map((card, index) => {
return(
<Card key={index}>
<Card.Title title="Card Title" subtitle="Subtitle" style={styles.cardHeader} />
<Card.Content>
<Paragraph>{card.content}</Paragraph>
</Card.Content>
<Card.Cover source={{ uri: 'https://picsum.photos/700' }} />
<Card.Actions>
<Button>Cancel</Button>
<Button>Ok</Button>
</Card.Actions>
</Card>
)
})}

我试着把标题部分的颜色改成绿色,把文本的颜色改为白色。所以我有以下风格:

const styles = StyleSheet.create({
cardHeader: {
backgroundColor: '#00bc8c',
color: '#ffffff'
}
});

奇怪的是,背景颜色按预期变化,但文本颜色仍然是黑色。有人能说明为什么会出现这种情况吗?

您可以使用title样式设置title反应原生纸张的样式

正如Nooruddin所建议的,但有一个代码示例:

titleStyle={{ color: "#f00" }}

最新更新