react-native实现新建页面+路由跳转

步骤：

1.新建一个新页面，即自己所需要的文件（拜访新消息）

配置：

static navigationOptions = ({ navigation, navigationOptions }) => {
    const { params } = navigation.state;
    return {
      headerBackImage: <BackImage />,--返回按钮
      headerRight: null
    }
  }

2.在src\containers\App\index.js中注册：

export * from '../Visiting/components/VisitNewsList'

3.在src\index.js中进行引入：

import {
  VisitingScreen,
  VisitNewsList,
  （文件名）
} from './containers/App'

4.仍旧index中，找到

const AppNavigator = createStackNavigator(...)

进行配置路由：

VisitNewsListScreen: {----路由名
    screen: VisitNewsList,----文件名
    navigationOptions: () => ({
      title: '新消息',
      ...navigationOptionsMainStyle,
      headerBackground: <HeaderBackgroundView/>
    }),
  },

5.在要跳转的主页面即跳转入口：（拜访首页）

点击button加一个onPress事件：

onPress: () => {
              this.props.navigation.navigate('VisitNewsListScreen')
            },
VisitNewsListScreen是刚刚配好的路由名！！！