无法在 React Native Paper 中更改卡片标题文本的颜色答案

【问题标题】：Can't change color of Card Title text in React Native Paper无法在 React Native Paper 中更改卡片标题文本的颜色
【发布时间】：2021-01-30 19:54:41
【问题描述】：

我刚刚开始使用 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'
  }
});

奇怪的是背景颜色按预期改变，但文本颜色仍然是黑色。谁能提出为什么会这样？

【问题讨论】：

标签： javascript reactjs react-native react-native-paper card

【解决方案1】：

您可以使用 titleStyle 设置标题react-native-paper

【讨论】：

【解决方案2】：

按照 Nooruddin 的建议，但带有代码示例：

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

【讨论】：