Question

你好，我现在正面临一个问题。我正在尝试在app.js文件中设置不同的根目录，但它总是打开Home View。谁能告诉我我的代码有什么问题。任何帮助都是非常可观的！

import React, { Component } from "react";
import { View, Text, AsyncStorage, AppRegistry } from "react-native";
import LoginContainer from "./Login/LoginContainer";
import { createStackNavigator, createAppContainer } from "react-navigation";
import Home from "./Dashboard/Home";

const RootStack = createStackNavigator(
  {
    login: { screen: LoginContainer },
    Home: { screen: Home }
  },
  {
    initialRouteName: "login"
  }
);
const AppContainer = createAppContainer(RootStack);

class Demo extends Component {
  constructor(props) {
    super(props);

    this.state = {
      isLoading: true,
      email: ""
    };
  }

  componentDidMount() {
    const email = AsyncStorage.getItem("email").then(email => {
      this.setState({
        isLoading: false,
        email: email
      });
    });
  }
  render() {
    if (this.state.isLoading) {
      return (
        <View>
          <Text>Loading..</Text>
        </View>
      );
    }
    if (this.props.email !== "") {
      return <Home />;
    } else {
      return <AppContainer />;
    }
  }
}
export default Demo;

AppRegistry.registerComponent("Demo", () => Demo);

Answer 1

代替

导出默认演示；

使用此：

导出默认AppContainer；
或
导出默认的createAppContainer（RootStack）;

使用多个视图来响应本机导航根问题

1 个答案: