新版导航条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 } })然后编写各个页面