Блог

Главная - Вопросы по программированию - React native Expo: создал приложение , в chrome,s inspect tool оно работает отлично, но после запуска на мобильном устройстве оно расширено

React native Expo: создал приложение , в chrome,s inspect tool оно работает отлично, но после запуска на мобильном устройстве оно расширено

#react-native #expo

Вопрос:

приложение в chrome,инструмент s inpect

но после запуска на 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({

})

я не могу понять, почему видна только синяя часть и в середине экрана

Метки: , , ,