与html一样，native原生如何，同一行中混合了多个图像？

Question

html：

1. 但是在react-native中，这是我的代码，页边距不起作用：

（由于我不太擅长使用此代码编辑器，因此请允许我放置图片）

我的另一尝试：

<View style={{flexDirection: 'row', flex: 1, flexWrap: 'wrap'}}>
       <Text>12444444444444442222222222222222222222222222222</Text>
       <Image source={{uri: url}} style={{width:20,height:20}} />
       <Text>1244444444444444222222222222222222222222222222222222222222222222222222222222222222222</Text>
</View>

但是它的效果非常差

Answer 1

这是您想要的黄色图片吗？

  

您可以在视图中使用它

<Text> Your text
       <View style={{
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          marginLeft: 5,
          marginRight: 5
       }}>
            <Image source={{uri: url}} style={{width: 20, height: 20,}}/>
       </View>
       Your text
 </Text>

  

在同一行中没有View使用空间

<Text>asdasdad {space} <Image source={{uri: url}} style={{width: 20, height: 20,}}/> {space} hasgdjhasd</Text>