官宣：ReactNative导航库重大更新

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
 
// 创建StackNavigator
const Stack = createStackNavigator();
 
function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        {/* 定义路由 */}
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
        {/* 更多路由... */}
      </Stack.Navigator>
    </NavigationContainer>
  );
}
 
// 定义屏幕组件
function HomeScreen({ navigation }) {
  return (
    <Button
      title="Go to Details"
      onPress={() => navigation.navigate('Details')}
    />
  );
}
 
function DetailsScreen() {
  return (
    <View>
      <Text>Details screen</Text>
    </View>
  );
}

这个代码示例展示了如何使用新版的React Navigation库来创建一个简单的栈导航。代码中使用了NavigationContainer作为导航状态的全局容器，createStackNavigator来创建栈导航器，并定义了两个屏幕：HomeScreen和DetailsScreen。在HomeScreen中，我们使用navigation.navigate函数来导航到DetailsScreen。这个示例代码简洁明了，展示了如何使用新版本的React Navigation库进行应用的导航逻辑设计。