javascript - 如何在 App.js 类中设置 Root View react native

Question

需要将登录页面设置为我的 Root View 和使用的代码。如果我使用 app.js 文件中的登录页面详细信息获取结果但尝试在 app.js 文件中导入 login.js 它不起作用

import React, {Component} from 'react';
import { StyleSheet, 
  NavigatorIOS,} from 'react-native';

import LoginPage from './src/pages/Login'; 



type Props = {};
export default class App extends Component<{}> {

  render() {
    return (
      <NavigatorIOS
        // style={styles.container}
        initialRoute={{
          title: 'Login',
          component: LoginPage,
        }}/>
    );
  }
}

在我的 login.js 类中

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';

export default class Login extends Component {
  render() {
    return (
      <View>
        <Text style={styles.red}>Login</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  bigblue: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
});

// skip this line if using Create React Native App
AppRegistry.registerComponent('Demo', () => Login);

但它没有将登录页面显示为 rootview

Answer 1

我在下面的问题中有一个异常(exception)答案。

How to navigate from splash screen to login screen in react native?

上面有一个Google Drive链接，您可以从中下载示例项目，它是一个简单的应用程序，可以从示例应用程序中了解您应该如何设置App.js。

我建议您应该使用 StackNavigator 进行导航这是最好的方法在我的应用App.js 使用 StackNavigator 配置。