React Native - 如何设置文本对象各个元素的样式

Question

是否可以使用 React Native 设置文本对象的元素样式？

我有以下文本对象：

<Text style={styles.status}>Game Status: {gameStatus}</Text>

我想围绕游戏状态本身添加样式。

使用 HTML，我只需添加和样式化一个 span 标签，例如 -

<Text style={styles.status}>Game Status: <span {styles.statusHighlight}>{gameStatus}</span></Text>

但是嵌套的 span 标签似乎不允许在 React N 中的文本对象中使用 - 我怎样才能获得相同的结果？

Answer 1

React 原生支持嵌套文本组件

所以改变

  <Text style={styles.status}>Game Status: <span {styles.statusHighlight}>{gameStatus}</span></Text>

自

  <Text style={styles.status}>Game Status: <Text style={styles.statusHighlight}>{gameStatus}</Text></Text>