React技术原理与代码开发实战：React Native中的导航与路由

import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
 
// 引入你的屏幕组件
import HomeScreen from './HomeScreen';
import ProfileScreen from './ProfileScreen';
 
// 创建导航器
const AppNavigator = createStackNavigator({
  Home: {
    screen: HomeScreen,
    // 设置导航选项
    navigationOptions: {
      title: '主页',
    },
  },
  Profile: {
    screen: ProfileScreen,
    navigationOptions: {
      title: '个人资料',
    },
  },
});
 
// 包装导航器
const AppContainer = createAppContainer(AppNavigator);
 
// 导出应用容器
export default AppContainer;

这段代码演示了如何在React Native应用中使用react-navigation库创建一个简单的栈导航器，并设置了两个屏幕HomeScreen和ProfileScreen。通过navigationOptions，我们可以定制每个屏幕的导航栏标题。最后，我们使用createAppContainer将导航器包装起来，并将其导出，以供应用的其余部分使用。