react-native 使用Navigation跳转界面

在学习了多种开发语言框架什么的都有了自学的技巧，最重要的就有界面跳转了。这篇尽量写详细一点，在我的工作中是如何使用的。
1.还是一如既往的导入react-navigation，当然如果有了就不用导了 yarn add react-navigation
2.根据官方文档说在根界面，在根界面添加所有的界面如

import { StackNavigator } from 'react-navigation';const Router = StackNavigator({    MyApp: {        screen: MyApp,        navigationOptions: ({navigation}) => ({            title: '哈哈哈哈',  // 配置改界面的导航栏的标题，当然也可以在具体的界面中去配置            header: null,    // 不显示标题        }),    },    ShopCenterDetail: {        screen: ShopCenterDetail,        navigationOptions: ({navigation}) => ({            header: null,        }),    }});export default () => <Router />;

  static navigationOptions = {    title: 'Welcome',  };

在界面跳转的时候直接使用就可以了

 const {navigate } = this.props.navigation;        navigate('ShopCenterDetail',{url: this.dealUrl(url)})

获取传递过来的参数

// 这个的意思是获取到this.props.navigation.state里面的params对象const { params } = this.props.navigation.state;params.url// 返回上一级界面this.props.navigation.goBack()

好了，大致使用方法就这样吧，更多更高级的用法有知道的麻烦给我说下，谢谢啦