Question

需要将登录页面设置为我的rootview和使用的代码。如果我在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

我在以下问题中有一个例外答案。

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

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

我建议您使用StackNavigator进行导航其 我的应用程序中遵循的最佳方法 ，App.js是使用{{1}配置的}。

如何在App.js类中设置rootview反应本机

1 个答案: