diff --git a/1224/react-native-screens.md b/1224/react-native-screens.md
index 27247d0d240cd3f00458df35ecbdd410a6fcdc09..3ae28ee852feebcbaf2c4e8fabfd25fdf3630cb9 100644
--- a/1224/react-native-screens.md
+++ b/1224/react-native-screens.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.0.1
+> 模板版本:v0.1.2
react-native-screens
@@ -12,7 +12,99 @@
-### 禁用 `react-native-screens`
+## 安装与使用
+
+进入到工程目录并输入以下命令:
+
+
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/bottom-tabs
+yarn add @react-navigation/native
+yarn add @react-navigation/native-stack
+yarn add @react-navigation/stack
+yarn add @react-native-oh-tpl/react-native-gesture-handler
+yarn add react-native-reanimated
+yarn add @react-native-oh-tpl/react-native-safe-area-context
+yarn add react-native-screens
+
+```
+#### **npm**
+
+```bash
+npm install @react-navigation/bottom-tabs
+npm install @react-navigation/native
+npm install @react-navigation/native-stack
+npm install @react-navigation/stack
+npm install @react-native-oh-tpl/react-native-gesture-handler
+npm install react-native-reanimated
+npm install @react-native-oh-tpl/react-native-safe-area-context
+npm install react-native-screens
+
+```
+
+
+声明:[@react-native-oh-tpl/react-native-safe-area-context](https://gitee.com/react-native-oh-library/usage-docs/blob/master/1224/react-native-safe-area-context.md)和[@react-native-oh-tpl/react-native-gesture-handler](https://gitee.com/react-native-oh-library/usage-docs/blob/master/1224/react-native-gesture-handler.md)需要进行额外的配置,详情请去对应的文档查看。
+
+下面的代码展示了这个库的基本使用场景:
+
+```js
+import React from "react";
+import { NavigationContainer, ParamListBase } from "@react-navigation/native";
+import { ScrollView, Button, Tesxt } from "react-native";
+import { NativeStackNavigationProp } from "react-native-screens";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { createStackNavigator } from "@react-navigation/stack";
+import { enableScreens } from "react-native-screens";
+
+
+enableScreens(false)
+const Stack = createStackNavigator();
+
+function NativeNavigation() {
+ return (
+
+
+
+
+
+ )
+}
+
+const Tab = createBottomTabNavigator();
+const NestedNavigator = () => (
+
+
+
+)
+
+function Home({navigation}:{navigation:NativeStackNavigationProp}){
+ return (
+
+
+
+ );
+}
+
+export default function RNScreenTest(){
+ return
+}
+
+```
+
+#### 禁用 `react-native-screens`
因为 ArkUI(Navigation、NavRouter、NavDestination)没有代理任何独特功能,且无法映射到 main_page 通过页面容器优化性能,所以 react-native-screens 禁用鸿蒙原生屏幕使用 react-native views 即可,请在您的入口文件中添加以下代码。 (例如. `App.js`):
@@ -22,12 +114,41 @@ import { enableScreens } from "react-native-screens";
enableScreens(false);
```
-您还可以通过[`detachInactiveScreens`](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用使用原生屏幕。后续待补充各个接口验证情况。
+您还可以通过[`detachInactiveScreens`](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用使用原生屏幕。
+
+## 兼容性
+
+在以下版本验证
+ 1. IDE:4.1.3.313;
+ SDK:4.1.0.53;
+ 测试设备:Mate40 pro(NOH-AN00);
+ Rom:2.0.0.52(C00E52R1P17log);
+ RNOH:0.72.11。
## 属性
-[原库接口文档](https://github.com/software-mansion/react-native-screens/blob/main/guides/GUIDE_FOR_LIBRARY_AUTHORS.md) 由于使用 RN 的 view 实现相关功能,理论上接口均支持,若有不可用部分欢迎提交 [issue](https://gitee.com/react-native-oh-library/usage-docs/issues).
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| enableScreens|支持原生及其React Native View |function| No | All | Yes |
+| enableFreeze |对react-freeze的支持,使用ReactSuspense机制来防止React组件输的部分渲染 | function | No | All | Yes |
+| createNativeStackNavigator |提供屏幕切换的能力 | function | No | All | NO |
+| NativeStackNavigationProp |切换页面属性的封装 | object | No | All | Yes |
+| NativeStackNavigationOptions |导航栏属性设置封装 | object | No | All | NO |
+| FullWindowOverlay |一个组件,可以将其子组件放在其他组件之上 | object | No | All | NO |
+| SearchBarProps |搜索栏的属性设置封装| object | No | All | NO |
+| SearchBarCommands |搜索栏的操作封装 | object | No | All | NO |
+| useTransitionProgress |提供屏幕过度的动画插值器 | function | No | All | NO |
+| userReanimatedTransitionProgress ReanimatedScreenProvider | 屏幕切换期间调用的帧回调,用于react-native-reanimated 2.0及其以上的版本,并使用ReanimatedScreenProvider进行封装 | function | No | All | NO |
+| userHeaderHeight |计算静态标题栏的高度,当屏幕方向发生更改,此值会发生更改 | function | No | All | NO |
+| userAnimatedHeaderHeight |动态计算标题栏的高度,此值会随着每个视图布局变化而变化| function | No | All | NO |
+
+
+[原库接口文档](https://github.com/software-mansion/react-native-screens/blob/main/guides/GUIDE_FOR_LIBRARY_AUTHORS.md) ,欢迎提交 [issue](https://gitee.com/react-native-oh-library/usage-docs/issues).
+
+## 遗留问题
+
+## 其他
## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ,请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE) ,请自由地享受和参与开源。