diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
new file mode 100644
index 0000000000000000000000000000000000000000..49583049062bc6458095c4e285f66ea8ddbbdcb2
--- /dev/null
+++ b/zh-cn/react-native-modalbox.md
@@ -0,0 +1,302 @@
+> 模板版本：v0.2.1
+
+
+
react-native-modalbox
+
+
+
+ 
+
+
+ 
+
+
+
+> [!tip] [Github 地址](https://github.com/maxs15/react-native-modalbox)
+
+## 安装与使用
+
+请到github上的发布地址查看配套的版本信息：(https://github.com/maxs15/react-native-modalbox master)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+
+#### **npm**
+
+```bash
+npm install react-native-modalbox@latest --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-modalbox@latest --save
+```
+
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import Modal from 'react-native-modalbox';
+
+import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
+import {
+ Text,
+ Button,
+ StyleSheet,
+ ScrollView,
+ View,
+ Dimensions,
+ Easing,
+ TextInput
+} from 'react-native';
+
+var screen = Dimensions.get('window');
+
+export default class ModalBoxExample extends React.Component {
+
+ constructor(props:any) {
+ super(props);
+ this.state = {
+ isOpen: false,
+ isDisabled: false,
+ swipeToClose: true,
+ sliderValue: 0.3
+ };
+ }
+
+
+ onClose() {
+ console.log('Modal just closed');
+ }
+ animalEase(){
+ Easing.elastic(8)
+ }
+
+ onOpen() {
+ console.log('Modal just opened');
+ }
+
+ onClosingState(state:any) {
+ console.log('the open/close of the swipeToClose just changed');
+ }
+
+ renderList() {
+ var list = [];
+
+ for (var i=0;i<50;i++) {
+ list.push(Elem {i});
+ }
+
+ return list;
+ }
+
+ render() {
+ var BContent = (
+
+
+ );
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+
+}
+
+const styles = StyleSheet.create({
+
+ wrapper: {
+ paddingTop: 50,
+ flex: 1
+ },
+
+ modal: {
+ justifyContent: 'center',
+ alignItems: 'center'
+ },
+
+ modal2: {
+ height: 230,
+ backgroundColor: "#3B5998"
+ },
+
+ modal3: {
+ height: 300,
+ width: 300
+ },
+
+ modal4: {
+ height: 300
+ },
+
+ btn: {
+ margin: 20,
+ backgroundColor: "#3B5998",
+ color: "white",
+ padding: 10
+ },
+
+ btnModal: {
+ position: "absolute",
+ top: 0,
+ right: 0,
+ width: 50,
+ height: 50,
+ backgroundColor: "transparent"
+ },
+
+ text: {
+ color: "black",
+ fontSize: 22
+ }
+
+});
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop | Default | Type | Description |
+| :------------ |:---------------:| :---------------:| :-----|
+| isOpen | false | `bool` | Open/close the modal, optional, you can use the open/close methods instead |
+| isDisabled | false | `bool` | Disable any action on the modal (open, close, swipe) |
+| backdropPressToClose | true | `bool` | Close the the modal by pressing on the backdrop |
+| swipeToClose | true | `bool` | Set to `true` to enable the swipe down to close feature |
+| swipeThreshold | 50 | `number` | The threshold to reach in pixels to close the modal |
+| swipeArea | - | `number` | The height in pixels of the swipeable area, window height by default |
+| position | center | `string` | Control the modal position using `top` or `center` or `bottom` |
+| entry | bottom | `string` | Control the modal entry position `top` or `bottom` |
+| backdrop | true | `bool` | Display a backdrop behind the modal |
+| backdropOpacity | 0.5| `number` | Opacity of the backdrop |
+| backdropColor | black| `string` | backgroundColor of the backdrop |
+| backdropContent | null| `ReactElement` | Add an element in the backdrop (a close button for example) |
+| animationDuration | 400| `number` | Duration of the animation |
+| easing | Easing.elastic(0.8) | `function` | Easing function applied to opening modal animation |
+| backButtonClose | false | `bool` | (Android only) Close modal when receiving back button event |
+| startOpen | false | `bool` | Allow modal to appear open without animation upon first mount |
+| coverScreen | false | `bool` | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy |
+| keyboardTopOffset | ios:22, android:0 | `number` | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening |
+| useNativeDriver | true | `bool` | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating |
+
+## 事件
+| Prop | Params | Description |
+| :------------ |:---------------:| :---------------:|
+| onClosed | - | When the modal is close and the animation is done |
+| onOpened | - | When the modal is open and the animation is done |
+| onClosingState | state `bool` | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) |
+
+## 方法
+hese methods are optional, you can use the isOpen property instead
+
+| Prop | Params | Description |
+| :------------ |:---------------:| :---------------:|
+| open | - | Open the modal |
+| close | - | Close the modal |
+
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file