14、React Native 导航：从基础到实战

React Native 导航：从基础到实战

1. 移动应用导航概述

在移动应用开发中，导航是一个核心问题。与网站不同，移动应用维护着完整的历史堆栈，能提供更多的历史管理控制和灵活性。移动应用的导航面临着屏幕空间有限的挑战，因此大多数移动应用倾向于设计少量且易于理解的屏幕，以确保用户能够轻松导航。

2. React Native 中的导航模式

移动应用中一种主要的导航模式是基于堆栈的模式。在这种模式下，用户在任何给定时间只能看到一个屏幕，导航通过将新屏幕推送到导航堆栈来实现。在 React Native 中，iOS 和 Android 使用不同的原生组件来实现基于堆栈的导航，例如 iOS 使用 UINavigationController ，Android 使用 Activities 。

3. React Native 导航的两种主要方法

在 React Native 中，有两种主要的导航方法：使用原生导航组件和使用 JavaScript 实现导航。

3.1 原生导航

原生导航使用 iOS 和 Android 的原生导航组件。在 iOS 应用中，视图控制器（ UIViewController ）用于控制视图并连接 UI 和应用数据，导航控制器（ UINavigationController ）简化了屏幕间的导航过程，它会在设备顶部添加一个带有返回按钮的导航栏。在 Android 中，活动（ Activity ）用于创建单个屏幕，通过任务定义活