React native 如何隐藏菜单下的空白[expo]

我正试图在世博会上制作一个菜单页面，页面底部有一个空白，我试着玩PDD和距离，但没有任何效果

这是一个名为“菜单”的功能组件：

function Menu({navigation}){
  return (
    
    <View style={{flex: 1,
    
    
    backgroundColor: '#ecf0f1',
    }}>
   
    <View style={{ flex: 1, width: 100, justifyContent:'center', backgroundColor: '#2e3233' }}>
      <Image 
        source={logo5}
        style={{width: 50,
    height: 50,
    resizeMode: 'stretch',top:-200, left:8}}
      />
    <Text style={{position:"absolute",
    top:100,
    padding:8,
color:"#FFF"}}>Home</Text>
    <Text style={{ position:"absolute",
    top:150,
    padding:8,
color:"#FFF"}}>Batches</Text>
        <Text style={{ position:"absolute",
    top:200,
    padding:8,
color:"#FFF"}}>Enquiry</Text>
        <Text style={{ position:"absolute",
    top:350,
    padding:8,
color:"#FFF"}}>Forum</Text>
        <Text style={{position:"absolute",
    top:400,
    padding:8,
color:"#FFF"}}>Settings</Text>
                <Text style={{ position:"absolute",
    top:450,
    padding:8,
color:"#FFF"}}>Logout</Text></View></View>

  )}

功能菜单（{navigation}）{
返回(
家
批次
询问
论坛
设置
注销
)}

以下是空白区域的屏幕截图：

这里是世博会小吃：