如何在本机反应中分离2个图像

Question

在我的应用程序中，我在 scrollView 中并排添加了 2 个图像，但它们相互连接，我希望它们被空格分隔。

here is the image of how it looks

代码如下：

<View style={{ height: 230, marginTop: 20, justifyContent:'space-around' }}>
    <ScrollView horizontal={true} showsHorizontalScrollIndicator={false} >  
        <Image  source={require('../assets/images/restaurant.jpg')} />
        <Image  source={require('../assets/images/experiences.jpg')} />
    </ScrollView>
</View>

Answer 1

为每个图像添加边距并相应地调整图像大小。如果您不想在图像的每一侧都设置额外的边距，请提供第一个图像 marginRight 和第二个图像 marginLeft。