Question

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

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

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

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

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

Answer 1

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

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

react-native-paper DataTable 文本样式

1 个答案: