探索反应堆导航的魅力：让您的React和React Native应用流畅切换场景

import { createStackNavigator, createAppContainer } from 'react-navigation';
import HomeScreen from '../screens/HomeScreen';
import ProfileScreen from '../screens/ProfileScreen';
import SettingsScreen from '../screens/SettingsScreen';
 
// 定义导航器
const AppNavigator = createStackNavigator({
  Home: HomeScreen,
  Profile: ProfileScreen,
  Settings: SettingsScreen
});
 
// 用AppContainer包装导航器以确保正确地渲染
export default createAppContainer(AppNavigator);

这段代码展示了如何使用React Navigation库中的createStackNavigator来创建一个基础的堆导航。首先，我们导入所需的createStackNavigator和createAppContainer，然后导入三个示例屏幕组件。接着，我们定义了一个名为AppNavigator的栈导航器，其中列出了应用中的三个场景（主屏幕、个人资料屏幕和设置屏幕）。最后，我们使用createAppContainer来包装导航器，并将其默认导出，以便它可以在应用中渲染和工作。这是一个简单的例子，展示了如何开始使用React Navigation创建堆导航。