reactjs - 反応ネイティブ: マルチカラー テキスト ビュー

Question

いくつかの単語を別の色で強調表示して、1 行のテキストをレンダリングしたいと考えています。

理想的には、反応するスパンタグでそれを行います。

反応ネイティブで同じことを行うにはどうすればよいでしょうか?

Answer 1

これは、ネストされた Text コンポーネントを使用して実現できます

<Text style={{color: 'blue'}}>
    I am blue
    <Text style={{color: 'red'}}>
        i am red
    </Text>
    and i am blue again
</Text>

これは、それをよりよく説明するドキュメントへのリンクです

Answer 2

単純に<Text>要素をネストする

<Text>
    I am some text with 
    <Text style={{fontWeight: 'bold'}}>bold</Text> 
    stuff
<Text>