无法在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的样式