イメージでテキストを囲みます

Question

私はReactネイティブで作業しています。イメージでテキストを囲みたいと思います。

は、任意のパッケージや、このような効果の任意の小道具あります。これは、ご希望の出力与えるべき

Answer 1

（スクリーンショットを参照）

<View style = {{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center'}})> 
    <Image ...> 
    <Text style = {{flex: 1}}>Hello</Text> 
    <Image ...> 
</View> 

EDIT：変更alignItems - >jusitfyContent加えてflex: 1~Textの成分を含む。

EDIT：2番目のスクリーンショットに基づいたソリューションを紹介します。反応ネイティブのTextコンポーネントがサブビューをサポートしていることに注意してください。

<View style = {{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center'}})> 
    <Image ...> 
    <Text style = {{flex: 1}}>Hello 
     <Image ...> 
    </Text> 
</View> 

あなたが望むどのようにそれを配置するためにCSS小道具で遊ぶことができますが、これは動作するはずです。