reactjs - 如何在 React-Navigation-3 中设置应用程序容器？

Question

我想将数据作为 initialProps 从 Native android 发送到 React-Native，但问题出在我使用 StackNavigator< 的 react-navigation 上

这就是解决方案 ( got help from here )它将在以前版本的 react-navigation 中工作，用于将 initialProps 从 native 发送到 React-native 的第一个场景:

export default class AwesomeProject extends Component {
    constructor(props){
        super(props)
        console.warn(this.props.movie_id);
    }

    render() {
              return <RootStack screenProps={this.props.movie_id} />;
        }
}

const RootStack = createStackNavigator(
    { 
        home:  {screen: Details},
        genre: {screen: Genre},
    },
    { 
        initialRouteName: 'home',
    }
);

但是从 react-navigation-3 开始，您必须直接设置应用容器。

谁能告诉我如何使用 createAppContainer() 实现此目的？

Answer 1

作为示例，来 self 自己的项目之一:

import {
  createSwitchNavigator,
  createAppContainer
} from 'react-navigation';

const SwitchNavigator = createSwitchNavigator(
  {
    ScreenOne,
    ScreenTwo,
    ScreenThree
  }
);
const AppContainer = createAppContainer(SwitchNavigator);

class App extends Component {
  render() {
    return (<AppContainer />);
  }
}