在React Navigation中,堆导航器(Stack Navigator)默认情况下会自动生成路由名称。但是,如果你不想指定路由名称,你可以使用stackOptions
属性中的title
选项来设置导航栏标题,并在堆导航器中进行步进。
下面是一个示例代码:
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import React from 'react';
import { Button, Text, View } from 'react-native';
const Stack = createStackNavigator();
const HomeScreen = ({ navigation }) => {
return (
Home Screen
);
};
const DetailsScreen = ({ navigation }) => {
return (
Details Screen
);
};
const App = () => {
return (
);
};
export default App;
在上面的代码中,HomeScreen
组件的导航按钮使用navigation.navigate('Details')
进行步进,而不需要指定路由名称。此外,我们在堆导航器中通过options
属性设置了HomeScreen
的导航栏标题为"Home"。