Question

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

我有以下Text对象：

<html>
<body>

<iframe id="gmail-111" src="https:example.com"></iframe>

  </body>
</html>

我想在gameStatus本身周围添加样式。

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

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

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

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>