新版导航条stacknavigator

xiaoxiao2021-02-28  24

项目目录

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 } }) 然后编写各个页面
转载请注明原文地址: https://www.6miu.com/read-2595478.html

最新回复(0)