react-native 使用Navigation跳转界面

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()

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