react-native-paper DataTable 文本样式答案

【问题标题】：react-native-paper DataTable text stylereact-native-paper DataTable 文本样式
【发布时间】：2021-07-16 15:51:44
【问题描述】：

如何在 react-native-paper 中设置文本样式？

我的应用中有一个深色模式，我的文本需要浅色。

我可以使用主题，但在我的应用程序中，我只使用 React Native Paper 中的这个组件，此外，我已经有了一个主题。

   <DataTable.Cell style={{color: "#fff"}}> // <-- This styling does not work
      Sophia Loren
   </DataTable.Cell>

上面的代码并没有改变字体颜色，因为对于所有 DataTable 组件，style prop 的类型为ViewStyle，这意味着它确实设置了例如背景颜色，但没有设置字体颜色。

【问题讨论】：

DataTableCell 使用 react native paper 的默认文本样式。所以你可以通过改变react-native-paper的主题来改变颜色callstack.github.io/react-native-paper/theming.html具体colors.text
谢谢你，Uğur，但是，如上所述，我宁愿不使用 Paper 的主题。有没有其他只涉及组件的解决方案？
github.com/callstack/react-native-paper/blob/main/src/… 从源代码中可以看出，DataTable.Cell 使用 react-native-paper 的默认 Text 组件，它没有 style 属性。但是您可以自己添加一个道具，例如textStyle，并确保它与补丁包npmjs.com/package/patch-package保持一致

标签： react-native react-native-paper

【解决方案1】：

我找到了一个非常简单的解决方案：嵌套一个 Text 组件。

  <DataTable.Cell style={{ flex: 0.5 }}>
     <Text style={{ color: "#fff" }}> // <-- This style works!
        Sophia Loren
     </Text>
  </DataTable.Cell>

【讨论】：