反应原生模态底部的边距

问题描述

即使边距为 0，我也会在 React Native modal 的底部获得边距，请帮我解决这个问题

代码：

<Modal style = {{margin:0}} isVisible = {imageModal} onBackButtonPress={()=> setimageModal(false)} onBackDropPress={()=> setimageModal(false)} >
   <View style = {{height:win.height,width:win.width,flex:1,alignItems:"center"}}>
      <FlatList
         data = {imgs}
         horizontal={true}
         keyExtractor={(item,index) => item + index}
         renderItem={({item,index})=>{
          console.log(item,'item')
            return(
             <View style ={{height: win.height * 0.7,width: win.width * 0.85,marginHorizontal:win.width * 0.075,marginTop:80,alignItems:"center"}}>
                 <Image style = {{height:'90%',width:'100%',resizeMode:"contain"}} source ={{uri:item.uri}} />
                 <Text style = {{fontFamily:"Poppins-Regular",fontSize:14,color:"white",marginTop:10}}>{index + 1} of {imgs.length}</Text>
             </View>
             )
           }}
      />
      <TouchableOpacity style={{height: 40,width: 40,backgroundColor: 'white',justifyContent: 'center',alignItems: "center",borderRadius:20,position:"absolute",top:  win.height * 0.85 }} onPress={() =>setimageModal(false)}><Icon2 name = 'cross' color = 'black' size={30}/></TouchableOpacity>
   </View>
</Modal>

check out this image

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）