无法更改 React Native Paper 中卡片标题文本的颜色
Can't change color of Card Title text in React Native Paper
我刚刚开始使用 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'
}
});
奇怪的是,背景颜色按预期变化,但文本颜色仍然是黑色。谁能告诉我为什么会这样?
您可以使用 titleStyle 为标题设置样式 react-native-paper
根据 Nooruddin 的建议,但带有代码示例:
titleStyle={{ color: "#f00" }}
我刚刚开始使用 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'
}
});
奇怪的是,背景颜色按预期变化,但文本颜色仍然是黑色。谁能告诉我为什么会这样?
您可以使用 titleStyle 为标题设置样式 react-native-paper
根据 Nooruddin 的建议,但带有代码示例:
titleStyle={{ color: "#f00" }}