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

Question

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

我有以下文本对象：

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

我想为 gameStatus 本身添加样式。

例如，对于 HTML，我只需添加一个 span 标签并为其设置样式 -

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

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

Answer 1

React Native 支持嵌套的 Text 组件

所以改变

  <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>