用Image附上文本

Question

我正在使用React native，我想用Image包含文本。

是否有任何包或此类效果的道具。（请参阅屏幕截图）

Answer 1

这应该给出你想要的输出

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

编辑：更改了alignItems - ＆gt; jusitfyContent并将flex: 1添加到Text组件

编辑：根据您的第二个屏幕截图找到解决方案。请注意，react-native Text组件支持子视图。

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

您可以使用CSS道具来定位它，但这应该有用。