出于某种原因，我可以看到元素时，运行在网络上（使用博览会），他们呈现完美，当我点击“运行在网络浏览器”。
然而，当我尝试在iOS或Android上执行此操作时，它只显示一个空白屏幕，并且只显示LinearGradient。
当我运行Android Emulator并将其与React Native Dev工具结合时，我可以看到devtool中的元素，但它们不会显示在模拟器中。我尝试呈现的组件名为Login.tsx，如果我将Login.tsx中的所有内容复制到我的App.tsx中，它将在Web，Android和iOS上完美呈现。
我做错了什么？

const Stack = createNativeStackNavigator();

const Navigation: React.FC = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator
                initialRouteName="Login"
            >
                <Stack.Screen
                    name="Login"
                    component={Login}
                />
                <Stack.Screen
                    name="LostPassword"
                    component={LostPassword}
                />
                <Stack.Screen
                    name="Register"
                    component={Register}
                />
            </Stack.Navigator>
        </NavigationContainer>)
}

export default Navigation;


const App: React.FC = () => {
  return (
    <LinearGradient
      colors={["#2D1C96", '#190E60']}
      style={styles.linearGradient}
    >
      <View style={styles.container}>
        <Navigation />
        <Toast ref={(ref) => Toast.setRef(ref)} />
      </View>
    </LinearGradient>
  );
}