新版导航条stacknavigator

项目目录

index.js是入口文件

这是index。js里的内容：

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('App_process', () =>App);

引入APP。js,并抛出。

APP.js文件是过度文件，引入导航器，抛出导航器

import AppNavigator from './js/navigators/AppNavigator'
const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
        <AppNavigator />
    );
  }
}

在导航器appNavigator。js 文件里引入各个要跳转的页面

AppNavigator'

import {StackNavigator} from 'react-navigation';
// import WelcomePage from '../page/WelcomePage';
import HomePage from '../page/HomePage';

export default AppNavigator = StackNavigator({
    // WelcomePage: {
    //     screen: WelcomePage
    // },
    HomePage: {
        screen: HomePage
    },


}, {
    navigationOptions: {
        header: null
    }
})

然后编写各个页面