React native Expo：创建了一个应用程序，在 chrome 中，检查工具运行良好，但在移动设备上运行后它被放大了

Question

the app in chrome,s inpect tool

但是在android上运行后，只有蓝色部分可见并且位于屏幕中间

当前屏幕代码

    import React from 'react'
import {ScrollView,StyleSheet,View,Button} from 'react-native'
import Svg, { Circle, Rect ,Path} from 'react-native-svg';


export default function Landing({navigation}) {
    return (
        
        <View style={{flex:1,justifyContent:"center",backgroundColor:"white"}}>
            
            <ScrollView style={{marginTop:"70%"}}
        
            >
         <Button
            title="Register..=>"
            onPress={()=>navigation.navigate("Register")}
            color ="#f74545"
            style={{}}
            
          
            />
            <Button
            title="Login<=.."
            color="#ffbb00"
            onPress={()=>navigation.navigate("Login")}
            width=" 60%"
            />
              </ScrollView>
              <View>
              <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><Path fill="blue" fillOpacity="1" d="M0,96L60,117.3C120,139,240,181,360,165.3C480,149,600,75,720,69.3C840,64,960,128,1080,160C1200,192,1320,192,1380,192L1440,192L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></Path></Svg>
            
              </View>
        </View>
    )
}

const styles = StyleSheet.create({

}) 

我无法想象为什么只有蓝色部分可见且位于屏幕中间