# reactNativeTemplate

**Repository Path**: mrosunset/react-native-templatereactNativeTemplate

## Basic Information

- **Project Name**: reactNativeTemplate
- **Description**: react-native-template
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-30
- **Last Updated**: 2022-06-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 1. react-navigation 路由获取方法

this.props.navigation可以获取的一些方法：

+ **`navigate`** - 转到另一个页面, 计算出需要执行的操作　　（常用）
+ **`goBack`** - 关闭活动屏幕并在堆栈中向后移动　　（常用）
+ **`addListener`** - 订阅导航生命周期的更新
+ **`isFocused`** - 函数返回 `true` 如果屏幕焦点和 `false` 否则。
+ **`state`** - 当前状态/路由　　（常用）
+ **`setParams`** - 对路由的参数进行更改　　（常用）
+ **`getParam`** - 获取具有回退的特定参数　　（常用）
+ **`dispatch`** - 向路由发送 action　　（常用）
+ **`angerouslyGetParent`** - 返回父级 navigator 的函数

注意： this.props.navigation并不是在所有页面（组件）中都可以使用，而是必须在StackNavigator、DrawerNavigator中声明的screen组件，才可以使用this.props.navigation

也就是说，screen组件会自动获得这个props

#### 2. this.props.navigation` 上还有一些方法取决于当前 navigator 的附加函数（StackNavigator 和 DrawerNavigator）

如果是StackNavigator，除了以上方法，this.props.navigation还提供如下的一些方法：

+ **`push`** - 推一个新的路由到堆栈　　（常用）
+ **`pop`** - 返回堆栈中的上一个页面　　（常用）
+ **`popToTop`** - 跳转到堆栈中最顶层的页面　　（常用）
+ **`replace`** - 用新路由替换当前路由
+ **reset**- 操作会擦除整个导航状态，并将其替换为多个操作的结果。　　（常用）
+ **`dismiss`** - 关闭当前堆栈

如果是DrawerNavigator，除了以上方法，this.props.navigation还提供如下的一些方法：

+ **`openDrawer`** - 打开
+ **`closeDrawer`** - 关闭
+ **`toggleDrawer`** - 切换，如果是打开则关闭，反之亦然