There are more blanks in the react-native page.

I don"t know why the page doesn"t fill up a lot of white space on the screen

import React from "react";
import {View, Text, TouchableOpacity, Image, StyleSheet} from" react-native";
import {StackActions, NavigationActions} from "react-navigation";
import HomePage from". / HomePage";
import NavigationBar from". / commons/navigationBar";
/ / import clear from "react-native-clear-app-cache";

export default class Welcome extends React.Component {
constructor (props) {

super(props)

}
componentWillMount () {
/ / clear.clearAppCache (() = > {
/ / alert ("cache cleaned successfully")
/ /})
}
componentDidMount () {

// this.timer = setTimeout(() => {
//   const resetAction = StackActions.reset({
//     index: 0,
//     actions: [NavigationActions.navigate({ routeName: "HomePage" })],
//   });
//   this.props.navigation.dispatch(resetAction);
// },2000)

}
componentWillUnmount () {

//this.timer && clearTimeout(this.timer)

}
render () {

return (
  <View style={styles.container}>
    
    <Text></Text>
  </View>
)

}
}

const styles = StyleSheet.create ({
container: {

)
flex: 1,
backgroundColor: "pink",

}
})

Apr.02,2021

in the routing profile, add

navigationOptions: {
      header: null
    }

, because the blank part is caused by navigation header

Menu