Css 如何删除React Native上图像之间的边距？

我对React Native还不熟悉，我试图构建一个简单的应用程序，在屏幕上显示四幅带有触摸功能的图像，但是图片之间有边距，设置边距：0和填充：0根本没有帮助

解决办法是什么

render() {
    return (
      <View>
      <SafeAreaView>

          {listItems.map(
            (item) => (
              console.log(item.pic),
              (
                <View>
                  <TouchableOpacity onPress={this.onClickPic}>
                  <ImageBackground
                    style={styleImage.container}
                    source={item.pic}
                  >
                    <Text>{item.title}</Text>
                  </ImageBackground>
                  </TouchableOpacity>
                </View>
              )
            )
          )}

      </SafeAreaView>
      </View>
    );
  }
}


const styleImage = StyleSheet.create({
  container: {
    height: "30%",
    width: "30%",
    padding:0,
    margin:0,
  },
});

render（）{
返回(
{listItems.map(
（项目）=>(
控制台日志（项目pic），
(
{item.title}
)
)
)}
);
}
}
const styleImage=StyleSheet.create({
容器：{
身高：“30%”，
宽度：“30%”，
填充：0，
保证金：0，
},
});

：

试试这个。。。 用图像替换图像背景 并向其添加一个属性resizeMode='cover'，它将把图像拉到图像区域的末端

          {listItems.map(
            (item) => (
              console.log(item.pic),
              (
                <View>
                 <TouchableOpacity onPress={this.onClickPic}>
                  <View>
                   <Image
                    resizeMode="cover" // or 'stretch'
                    style={{ height: 200, width: 200 }}
                    source={item.pic}
                    />

                   <View style={{ position: "absolute", zIndex: 9 }}>
                    <Text>{item.title}</Text>
                   </View>
                  </View>
                 </TouchableOpacity>
                </View>
              )
            )
          )}
      </SafeAreaView>
      </View>
    );

{listItems.map(
（项目）=>(
控制台日志（项目pic），
(
{item.title}
)
)
)}
);

按照您的要求设计样式

试试这个。。。 用图像替换图像背景 并向其添加一个属性resizeMode='cover'，它将把图像拉到图像区域的末端

          {listItems.map(
            (item) => (
              console.log(item.pic),
              (
                <View>
                 <TouchableOpacity onPress={this.onClickPic}>
                  <View>
                   <Image
                    resizeMode="cover" // or 'stretch'
                    style={{ height: 200, width: 200 }}
                    source={item.pic}
                    />

                   <View style={{ position: "absolute", zIndex: 9 }}>
                    <Text>{item.title}</Text>
                   </View>
                  </View>
                 </TouchableOpacity>
                </View>
              )
            )
          )}
      </SafeAreaView>
      </View>
    );

{listItems.map(
（项目）=>(
控制台日志（项目pic），
(
{item.title}
)
)
)}
);

根据您的要求设计款式