Javascript React本机导航不会显示初始组件

我最近在react原生应用程序上启动了一个大学项目，并实现了react导航，但问题是，主要组件实际上只闪烁一毫秒，在我尝试运行该应用程序时消失。代码如下：

import { StyleSheet, Text, View } from 'react-native';
import LoginScreen from './screens/LoginScreen';
import RegisterScreen from './screens/RegisterScreen';
import WelcomeScreen from './screens/WelcomeScreen';
import { NavigationContainer, StackActions } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'

const Stack = createStackNavigator()

export default function App() {
  return (
    <View style={styles.container}>
      <NavigationContainer>
        <Stack.Navigator initialRouteName="Welcome">
          <Stack.Screen name="Welcome" component = {WelcomeScreen} />
        </Stack.Navigator>
      </NavigationContainer>
      <View style = {styles.credit}>
        <Text style = {styles.creditText}>Developed by Nabih Amer & Ashraf Kherbawy.</Text>
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#373546',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
  },
  credit: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'flex-end',
  },
  creditText: {
    fontSize: 10,
    color: '#9f99b6',
    paddingBottom: 4,
  },
});

从'react native'导入{样式表，文本，视图}；
从“/screens/LoginScreen”导入LoginScreen；
从“./screens/RegisterScreen”导入注册表屏幕；
从“./screens/WelcomeScreen”导入WelcomeScreen；
从'@react navigation/native'导入{NavigationContainer，StackActions}
从“@react navigation/stack”导入{createStackNavigator}
const Stack=createStackNavigator（）
导出默认函数App（）{
返回(
由Nabih Amer和Ashraf Kherbawy开发。
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#373546”，
flexDirection:'列'，
为内容辩护：“中心”，
对齐项目：“中心”
},
学分：{
flexDirection:'行'，
为内容辩护：“中心”，
对齐项目：“柔性端”，
},
贷方文本：{
尺寸：10，
颜色：“#9f99b6”，
填充底部：4，
},
});

---

WelcomeScreen组件在web应用程序上只闪烁了一秒钟就消失了，我也签入了expo应用程序，它也做了同样的事情。

看起来你在NavigationContainer及其堆栈中使用了一个额外的视图

应该是这样的:

export default function App() {
  return (
    <View style={styles.container}>
      <NavigationContainer>
        <Stack.Navigator initialRouteName="Welcome">
          <Stack.Screen name="Welcome" component = {WelcomeScreen} />
          <Stack.Screen name="Login" component = {LoginScreen} />
          <Stack.Screen name="Register" component = {RegisterScreen} />
        </Stack.Navigator>
      </NavigationContainer>
    </View>
  );
}

导出默认函数App（）{
返回(
);
}

堆栈导航器的概念是在不同屏幕之间显示和导航。因此，不要将其与视图元素耦合。尝试将不同的视图作为屏幕，并将其用作堆栈。屏幕

是的，正是视图元素把一切都搞砸了。谢谢