React Native StackNavigator 初始路由名称

React Native StackNavigator 是一个用于导航和管理应用程序中不同屏幕之间转换的导航器。它提供了一种简单且灵活的方式来构建应用程序的导航结构。在本文中，我们将探讨如何使用 StackNavigator 的初始路由名称来创建一个基本的导航功能，并提供一个示例代码供参考。

npm install @react-navigation/native
npm install @react-navigation/stack

javascript
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './screens/HomeScreen';
import DetailsScreen from './screens/DetailsScreen';
const Stack = createStackNavigator();
const Navigation = () => {
  return (
    
      
        
        
      
    
  );
};
export default Navigation;

javascript
import React from 'react';
import { View, Text, Button } from 'react-native';
const HomeScreen = ({ navigation }) => {
  return (
    
      Welcome to the Home Screen!
              title="Go to Details"
        onPress={() => navigation.navigate('Details')}
      />
    
  );
};
export default HomeScreen;

javascript
import React from 'react';
import { View, Text } from 'react-native';
const DetailsScreen = () => {
  return (
    
      This is the Details Screen!
    
  );
};
export default DetailsScreen;