+
+> [!TIP] [Github 地址](https://github.com/magicismight/react-native-root-toast)
+
+如：[Github 地址](https://github.com/magicismight/react-native-root-toast)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+
+#### **npm**
+
+```bash
+npm install react-native-root-toast
+```
+
+
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+#### Calling api
+
+```js
+import React,{ useState } from 'react';
+import {
+ ScrollView, StyleSheet, View, Text, TouchableHighlight, TextInput, Switch, Button, Alert
+} from 'react-native';
+import Toast from 'react-native-root-toast';
+
+export function ReactNativeRootToastExample() {
+ let PToast :any = null;
+ function startPToast(){
+ PToast = Toast.show("超长待机弹窗实例", {
+ duration: 99999999,
+ position: 20,
+ shadow: true,
+ animation: true,
+ hideOnPress: false,
+ delay: 0,
+ onHidden: () => {
+ PToast.destroy();
+ PToast = null;
+ },
+ });
+ }
+
+ function hidePToast(){ Toast.hide(PToast); }
+ return (
+
+
+
+
+ );
+}
+```
+#### Using a Component
+```json
+import { RootSiblingParent } from 'react-native-root-siblings';
+import React,{ useState } from 'react';
+import { Button } from 'react-native';
+import Toast from 'react-native-root-toast';
+
+export function ReactNativeRootToastExample() {
+
+ function c(){ setvisible(false) }
+ function d(){ setvisible(true) }
+ return (
+
+ This is a message
+
+
+
+
+
+ );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| duration | Toast.durations.SHORT Number The duration of the toast. (Only for api calling method) | Number | no | All | yes |
+| visible | The visibility of toast. (Only for Toast Component) | Bool | no | All | yes |
+| position | The position of toast showing on screen (A negative number represents the distance from the bottom of screen. A positive number represents the distance form the top of screen.) | Number | no | All | yes |
+| animation | Should preform an animation on toast appearing or disappearing. | Bool | no | All | yes |
+| shadow | Should drop shadow around Toast element. | Bool | no | All | yes |
+| backgroundColor | The background color of the toast. | string | no | All | yes |
+| shadowColor | The shadow color of the toast. | string | no | All | yes |
+| textColor | The text color of the toast. | string | no | All | yes |
+| delay | The delay duration before toast start appearing on screen. | Number | no | All | yes |
+| hideOnPress | Should hide toast that appears by pressing on the toast. | Bool | no | All | yes |
+| opacity | The Toast opacity. | Number | no | All | yes |
+| onShow | Callback for toast`s appear animation start | function | no | All | yes |
+| onShown | Callback for toast`s appear animation end | function | no | All | yes |
+| onHide | Callback for toast`s hide animation start | function | no | All | yes |
+| onHidden | Callback for toast`s hide animation end | function | no | All | yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
-
-
+