From 57d547b39c81f422c5b84f64618d5ae3cd980643 Mon Sep 17 00:00:00 2001 From: wang-yuanbai <603970629@qq.com> Date: Thu, 4 Jan 2024 21:28:50 +0800 Subject: [PATCH 1/3] =?UTF-8?q?[Issues:=20#I8TPPR]=20=E6=B7=BB=E5=8A=A0rea?= =?UTF-8?q?ct-navigation/bottom-tabs=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-navigation-bottom-tabs.md | 74 +++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 zh-cn/react-navigation-bottom-tabs.md diff --git a/zh-cn/react-navigation-bottom-tabs.md b/zh-cn/react-navigation-bottom-tabs.md new file mode 100644 index 00000000..4215f8cb --- /dev/null +++ b/zh-cn/react-navigation-bottom-tabs.md @@ -0,0 +1,74 @@ +> 模板版本：v0.0.1 + +

+

@react-navigation/bottom-tabs

+

+

+ + Supported platforms + + + License + +

+ +## 安装与使用 + +进入到工程目录并输入以下命令： + + + +```bash +yarn add @react-navigation/bottom-tabs@>=6.0.0 +``` + +#### **npm** + +```bash +npm install @react-navigation/bottom-tabs@>=6.0.0 +``` + + + +## 兼容性 + +要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 + +## 方法 + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| `createBottomTabNavigator` | 创建BottomTabs组件 | function | no | All | yes | + +## 属性 + +详细请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator) + +**Navigator**： + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| initialRouteName | 第一次加载导航器时要渲染的路线的名称 | string | no | All | yes | +| backBehavior | 控制在导航器中调用goBack时发生的情况 | string | no | All | yes | +| tabBar | 函数，返回一个React元素用来显示选项卡栏 | function | no | All | yes | +| sceneContainerStyle | 包装屏幕内容的组件的样式对象 | ViewStyle | no | All | yes | +| screenOptions | 用于导航器中屏幕的默认选项 | 自定义类型 | no | All | yes | + +**Screen**： + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| name | 屏幕显示的 自定义类型名称 | string | no | All | yes | +| options | 用于配置如何在导航器中显示屏幕的选项。| 自定义类型 | no | All | yes | + +**BottomTabBarHeightCallBackContext.Provider**：标签栏高度回调函数提供者 + +**BottomTabBarHeightContext.Provider**：标签栏高度提供者 + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。 -- Gitee From bab78a58ef3273187f6537d7269c10efb9f0227b Mon Sep 17 00:00:00 2001 From: wang-yuanbai <603970629@qq.com> Date: Thu, 4 Jan 2024 21:31:00 +0800 Subject: [PATCH 2/3] =?UTF-8?q?[Issues:=20#I8TPPR]=20=E6=B7=BB=E5=8A=A0rea?= =?UTF-8?q?ct-navigation/native=20stack=E8=AF=B4=E6=98=8E=E6=96=87?= =?UTF-8?q?=E6=A1=A3=EF=BC=8C=E5=B9=B6=E6=9B=B4=E6=96=B0=E7=9B=AE=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-navigation-native.md | 58 ++++++++++++++++++++++++++++ zh-cn/react-navigation-stack.md | 65 ++++++++++++++++++++++++++++++++ zh-cn/react-navigation.md | 6 +-- 3 files changed, 126 insertions(+), 3 deletions(-) create mode 100644 zh-cn/react-navigation-native.md create mode 100644 zh-cn/react-navigation-stack.md diff --git a/zh-cn/react-navigation-native.md b/zh-cn/react-navigation-native.md new file mode 100644 index 00000000..124d680b --- /dev/null +++ b/zh-cn/react-navigation-native.md @@ -0,0 +1,58 @@ +> 模板版本：v0.0.1 + +

+

@react-navigation/native

+

+

+ + Supported platforms + + + License + +

+ +## 安装与使用 + +进入到工程目录并输入以下命令： + + + +```bash +yarn add @react-navigation/native@>=6.0.0 +``` + +#### **npm** + +```bash +npm install @react-navigation/native@>=6.0.0 +``` + + + +## 兼容性 + +要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 + +## 属性 + +详细请查看 [react-navigation/native 的文档介绍](https://reactnavigation.org/docs/navigation-container) + +**NavigationContainer**： + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| theme | 主题 | Theme | no | All | yes | +| independent | 此导航容器是否应独立于父容器 | boolean | no | All | yes | +| documentTitle | 文档标题 | function | no | All | yes | + + +**NavigationHelpersContext.Provider**：navigation提供者，用于保存导航器 + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md new file mode 100644 index 00000000..569cf9c8 --- /dev/null +++ b/zh-cn/react-navigation-stack.md @@ -0,0 +1,65 @@ +> 模板版本：v0.0.1 + +

+

@react-navigation/stack

+

+

+ + Supported platforms + + + License + +

+ +## 安装与使用 + +进入到工程目录并输入以下命令： + + + +```bash +yarn add @react-navigation/stack@>=6.0.0 +``` + +#### **npm** + +```bash +npm install @react-navigation/stack@>=6.0.0 +``` + + +## 兼容性 + +要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 + +## 方法 + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| `createStackNavigator` | 创建Stack组件 | function | no | All | yes | + +## 属性 + +详细请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator) + +**Navigator**： + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| initialRouteName | 第一次加载导航器时要渲染的路线的名称 | string | no | All | yes | + +**Screen**： + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- | -------- | ------------------ | +| name | 屏幕显示的 自定义类型名称 | string | no | All | yes | +| options | 用于配置如何在导航器中显示屏幕的选项。| 自定义类型 | no | All | yes | + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-navigation.md b/zh-cn/react-navigation.md index 38c2531b..55a6d15a 100644 --- a/zh-cn/react-navigation.md +++ b/zh-cn/react-navigation.md @@ -15,16 +15,16 @@ ## Package Versions |Name | Latest Version | | ---------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------: | -| [@react-navigation/bottom-tabs](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/bottom-tabs.svg)](https://www.npmjs.com/package/@react-navigation/bottom-tabs) | +| [@react-navigation/bottom-tabs](./react-navigation-bottom-tabs.md) | [![badge](https://img.shields.io/npm/v/@react-navigation/bottom-tabs.svg)](https://www.npmjs.com/package/@react-navigation/bottom-tabs) | | [@react-navigation/core](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/core.svg)](https://www.npmjs.com/package/@react-navigation/core) | | [@react-navigation/devtools](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/devtools.svg)](https://www.npmjs.com/package/@react-navigation/devtools) | | [@react-navigation/drawer](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/drawer.svg)](https://www.npmjs.com/package/@react-navigation/drawer) | | [@react-navigation/elements](./react-navigation-elements.md) | [![badge](https://img.shields.io/npm/v/@react-navigation/elements.svg)](https://www.npmjs.com/package/@react-navigation/elements) | | [@react-navigation/material-top-tabs](./#) |[![badge](https://img.shields.io/npm/v/@react-navigation/material-top-tabs.svg)](https://www.npmjs.com/package/@react-navigation/material-top-tabs) | | [@react-navigation/native-stack](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/native-stack.svg)](https://www.npmjs.com/package/@react-navigation/native-stack) | -| [@react-navigation/native](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/native.svg)](https://www.npmjs.com/package/@react-navigation/native) | +| [@react-navigation/native](./react-navigation-native.md) | [![badge](https://img.shields.io/npm/v/@react-navigation/native.svg)](https://www.npmjs.com/package/@react-navigation/native) | | [@react-navigation/routers](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/routers.svg)](https://www.npmjs.com/package/@react-navigation/routers) | -| [@react-navigation/stack](./#) | [![badge](https://img.shields.io/npm/v/@react-navigation/stack.svg)](https://www.npmjs.com/package/@react-navigation/stack) | +| [@react-navigation/stack](./react-navigation-stack.md) | [![badge](https://img.shields.io/npm/v/@react-navigation/stack.svg)](https://www.npmjs.com/package/@react-navigation/stack) | | [react-native-tab-view](./#) | [![badge](https://img.shields.io/npm/v/react-native-tab-view.svg)](https://www.npmjs.com/package/react-native-tab-view) | -- Gitee From b12721e4440c1a9a0f023c8e2363a28f22a0adad Mon Sep 17 00:00:00 2001 From: wang-yuanbai <603970629@qq.com> Date: Fri, 5 Jan 2024 14:50:56 +0800 Subject: [PATCH 3/3] =?UTF-8?q?[Issues:=20#I8TPPR]=20=E4=BD=BF=E7=94=A8?= =?UTF-8?q?=E7=89=88=E6=9C=AC=E9=99=90=E5=AE=9A=E4=B8=BA=E5=B7=B2=E9=AA=8C?= =?UTF-8?q?=E8=AF=81=E5=AF=B9=E7=9A=84=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-navigation-bottom-tabs.md | 4 ++-- zh-cn/react-navigation-native.md | 4 ++-- zh-cn/react-navigation-stack.md | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/zh-cn/react-navigation-bottom-tabs.md b/zh-cn/react-navigation-bottom-tabs.md index 4215f8cb..2cde916d 100644 --- a/zh-cn/react-navigation-bottom-tabs.md +++ b/zh-cn/react-navigation-bottom-tabs.md @@ -19,13 +19,13 @@ ```bash -yarn add @react-navigation/bottom-tabs@>=6.0.0 +yarn add @react-navigation/bottom-tabs@6.5.11 ``` #### **npm** ```bash -npm install @react-navigation/bottom-tabs@>=6.0.0 +npm install @react-navigation/bottom-tabs@6.5.11 ``` diff --git a/zh-cn/react-navigation-native.md b/zh-cn/react-navigation-native.md index 124d680b..0498c615 100644 --- a/zh-cn/react-navigation-native.md +++ b/zh-cn/react-navigation-native.md @@ -19,13 +19,13 @@ ```bash -yarn add @react-navigation/native@>=6.0.0 +yarn add @react-navigation/native@6.1.9 ``` #### **npm** ```bash -npm install @react-navigation/native@>=6.0.0 +npm install @react-navigation/native@6.1.9 ``` diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md index 569cf9c8..4d3ae390 100644 --- a/zh-cn/react-navigation-stack.md +++ b/zh-cn/react-navigation-stack.md @@ -19,13 +19,13 @@ ```bash -yarn add @react-navigation/stack@>=6.0.0 +yarn add @react-navigation/stack@6.3.19 ``` #### **npm** ```bash -npm install @react-navigation/stack@>=6.0.0 +npm install @react-navigation/stack@6.3.19 ``` -- Gitee