reactjs - 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 的文本对象中似乎不允许嵌套跨度标签 - 我怎样才能达到相同的结果？

标签： reactjsreact-native

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>