如何首先获得启动画面,然后在使用react-native-navigation时进入主屏幕?

时间:2016-09-12 13:58:06

标签: react-native

我正在使用react-native 0.32.0和“react-native-navigation”:“^ 1.0.30”,我想首先获得启动画面,然后转到主屏幕,我开始使用react-native-navigation。我google了很多,并做了很多研究,但仍然不知道如何做到这一点。我尝试将最简单的配置传递给Navigation.startSingleScreenApp,但我仍然在iOS中获得导航栏。是否有可能首先获得原始启动画面,然后使用react-native-navigation进行导航?

1 个答案:

答案 0 :(得分:1)

我是通过导航实验本身实现的。您可以在github上引用此存储库以获取导航实验https://github.com/jlyman/RN-NavigationExperimental-Redux-Example 我在页面的构造函数中使用了setTimeout()函数,我首先通过导航实验加载。我使用此功能的页面成为我的应用程序的启动画面。这是代码。

  class FirstScreen extends Component{   

      constructor(props) {
        super(props);
        setTimeout(this.props.OnChange, 3000); //Constructor of Splash    Screen page
      } 
       //render() code

     }

这是我在mapDispatchToProps()中的onChange()函数,它调用导航实验的navigatePush()动作创建者

        OnChange: () => {
        dispatch(navigatePush('Login'))
        }