什么是 React Native 导航？

React 导航

到目前为止，我们创建的都是单页面应用。现在我们将开始构建包含多个页面的应用。React Navigation 是一个帮助我们在应用中实现导航功能的库。React Navigation 提供了多种类型的导航器，主要包括：

• StackNavigator
• TabNavigator
• DrawerNavigator

StackNavigator（堆栈导航器）

StackNavigator 是一种管理页面堆栈的导航器。

它负责管理应用中所有页面之间的跳转。当用户进入一个新的页面时，该页面会被添加到堆栈的顶部；当用户返回上一个页面时，当前页面会从堆栈中弹出。

这种机制与网页浏览器中的导航非常相似。在网页中，我们使用 <a> 标签来链接不同页面。点击链接后，目标页面的 URL 会被压入浏览器的历史记录栈中；通过点击返回按钮，就可以回到之前的页面。

TabNavigator（标签导航器）

TabNavigator 是移动应用中最常见的导航形式之一。标签栏是一个水平放置的栏，其中包含多个标签。每个标签代表一个可跳转的不同页面，用户可以通过点击标签切换到对应页面。

DrawerNavigator（抽屉导航器）

我们都使用过带有侧边导航抽屉的应用。点击汉堡图标（☰）会滑出一个隐藏的抽屉菜单，里面列出了不同的导航选项，这就是 DrawerNavigator。

抽屉默认是隐藏的，其中包含了各个导航选项。用户可以打开抽屉，并点击某个选项跳转到对应的页面。