diff --git a/en/js/redux-persist.md b/en/js/redux-persist.md index c3b5bb871ad437c578a49099683a136f2868c903..63c7d2feac0159d924debd99a5eb6ce07b66e5c7 100644 --- a/en/js/redux-persist.md +++ b/en/js/redux-persist.md @@ -9,7 +9,7 @@

-> [!TIP] [GitHub address](https://github.com/rt2zz/redux-persist) +> [!TIP] [GitHub address](https://github.com/rt2zz/redux-persist/releases/tag/v6.0.0) ## Installation and Usage @@ -27,7 +27,7 @@ npm install redux-persist@6.0.0 To achieve persistence, you also need to rely on the 'HarmonyOS-enabled async-storage' library for native database reading and writing, as shown in the installation and use documents below: -> [async-storage Installation and use documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-async-storage-async-storage.md) +> [async-storage Installation and use documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-async-storage-async-storage.md) diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md index 8136021d2fb5f440c5f77aea8e873248e585c440..2b9de99f1ac622d728bb2985dfd672bc93f2dc65 100644 --- a/en/react-native-MJRefresh.md +++ b/en/react-native-MJRefresh.md @@ -48,8 +48,13 @@ import React, { Component } from "react"; import { Text, View } from "react-native"; import MJRefresh, { ScrollView } from "react-native-mjrefresh"; -export default class MjRefreshDemo extends Component { - constructor(props) { +interface State { + text: string, + refreshing: Boolean, +} + +export default class MjRefreshDemo extends Component<{}, State> { + constructor(props: any) { super(props); } @@ -57,6 +62,11 @@ export default class MjRefreshDemo extends Component { text: "Pull to Refresh", refreshing: false } + _mjrefresh: any = null; + _hw = { + finishRefresh: () => {} + } + _onRefresh = () => { setTimeout(() => { this._hw && this._hw.finishRefresh(); @@ -67,7 +77,7 @@ export default class MjRefreshDemo extends Component { this._mjrefresh = ref} + ref={(ref: any) => this._mjrefresh = ref} onRefresh={ () => { this.setState({ @@ -85,7 +95,7 @@ export default class MjRefreshDemo extends Component { text: 'Release to Refresh' }) }} - onPulling={e => { + onPulling={(e: any) => { console.log('cbdtest onPulling:' + e.nativeEvent.percent) if (e.nativeEvent.percent < 0.1) { this.setState({ @@ -248,10 +258,10 @@ For more details, see [react-native-MJRefresh](https://github.com/react-native-s | Name | Description | Type | Required | Platform | HarmonyOS Support (ArkTS) |HarmonyOS Support (CAPI) | | :----------------- | ----------- | -------- | -------- | -------- | ----------------- |----------------- | -| onRefresh | System Path | function | No | IOS | yes |yes | -| onRefreshIdle | System Path | function | No | IOS | yes |yes | -| onReleaseToRefresh | System Path | function | No | IOS | yes |yes | -| onPulling | System Path | function | No | IOS | yes |yes | +| onRefresh | Triggered when refresh | function | No | IOS | yes |yes | +| onRefreshIdle | Triggered when refreshing idle | function | No | IOS | yes |yes | +| onReleaseToRefresh | Triggered when refreshing can be released | function | No | IOS | yes |yes | +| onPulling | Triggered when header is pulled down | function | No | IOS | yes |yes | ## Static Methods @@ -263,8 +273,8 @@ For more details, see [react-native-MJRefresh](https://github.com/react-native-s | Name | Description | Type | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) | | :------------ | ----------- | -------- | -------- | -------- | ----------------- |----------------- | -| beginRefresh | System Path | function | No | IOS | yes |yes | -| finishRefresh | System Path | function | No | IOS | yes |yes | +| beginRefresh | Start refreshing | function | No | IOS | yes |yes | +| finishRefresh | End Refresh | function | No | IOS | yes |yes | ## Others diff --git a/en/react-native-crypto-js.md b/en/react-native-crypto-js.md index 72da3de2f947e98c38c1e4b474e4a0f046384162..a7d99349e1164fe0b22963bd7931f65f1d52caee 100644 --- a/en/react-native-crypto-js.md +++ b/en/react-native-crypto-js.md @@ -12,7 +12,7 @@

-> [!TIP] [GitHub address](https://github.com/imchintan/react-native-crypto-js) +> [!TIP] [GitHub address](https://github.com/imchintan/react-native-crypto-js/releases/tag/1.0.0) ## Installation and Usage @@ -147,14 +147,14 @@ This document is verified based on the following versions: | Name | Description | Type | Required | Platform | HarmonyOS Support | | -------------------- | --------------- | -------- | -------- | -------- | ----------------- | -| CryptoJS.AES.encrypt | AES encryption | string | yes | Android、iOS | yes | -| CryptoJS.AES.decrypt | AES decryption | string | yes | Android、iOS | yes | -| CryptoJS.MD5 | MD5 encryption | string | yes | Android、iOS | yes | -| CryptoJS.HmacMD5 | HmacMD5 encryption | string | yes | no | no | +| CryptoJS.AES.encrypt | AES encryption | string | No | Android、iOS | yes | +| CryptoJS.AES.decrypt | AES decryption | string | No | Android、iOS | yes | +| CryptoJS.MD5 | MD5 encryption | string | No | Android、iOS | yes | +| CryptoJS.HmacMD5 | HmacMD5 encryption | string | No | no | no | ## Known Issues -- [ ] 原库使用CryptoJS.HmacMD5会报错"cannot readproperty ‘init’ of underfined",如果需要使用HmacMD5算法可以安装使用rn-crypto-js库,用法与react-native-crypto-js相同: [issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3) +- [ ] If the source library uses CryptoJS.HmacMD5, the error message "cannot readproperty'init' of underfined" is displayed. To use the HmacMD5 algorithm, install the **rn-crypto-js** library, whose usage is the same as that of **react-native-crypto-js**: [issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3) ## Others diff --git a/en/react-native-transitiongroup.md b/en/react-native-transitiongroup.md index 4518e61619c8f2a5877b8f0a8a66a185cf43a78f..92af9113b39b6eaf64aae83d44e5847a50050486 100644 --- a/en/react-native-transitiongroup.md +++ b/en/react-native-transitiongroup.md @@ -158,21 +158,21 @@ Check the release version information in the release address of the third-party | Name | Description | type | Required | Platform | HarmonyOS Support | | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- | -| easing | 缓动函数 | function | no | All | yes | -| inDelay | 组件加载时开始动画前的延迟时间(毫秒) | number | no | All | yes | -| inDuration | 组件加载时动画的持续时间(毫秒) | number | no | All | yes | -| outDelay | 组件销毁时开始动画前的延迟时间(毫秒) | number | no | All | yes | -| outDuration | 组件销毁时动画的持续时间(毫秒) | number | no | All | yes | -| pointerEvents | 控制View是否可以成为触摸事件的目标 | string | no | All | yes | -| style | 组件样式 | style | no | All | yes | +| easing | Easing function for animations. | function | no | All | yes | +| inDelay | Delay before starting the animation when the component loads (milliseconds). | number | no | All | yes | +| inDuration | Duration of the animation when the component loads (milliseconds). | number | no | All | yes | +| outDelay | Delay before starting the animation when the component is destroyed (milliseconds). | number | no | All | yes | +| outDuration | Duration of the animation when the component is destroyed (milliseconds). | number | no | All | yes | +| pointerEvents | Controls whether the view can be the target of touch events. | string | no | All | yes | +| style | Styles for the component. | style | no | All | yes | ## Known Issues ## Others -- [ ] 原库使用refs方法,现在改为使用react.createRef方法代替。问题: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1) -- [ ] 原库中使用的ViewPropTypes,现在改为使用PropTypes方法代替。问题: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2) +- [ ] The **refs** method used in the original library is replaced by the **react.createRef** method: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1) +- [ ] The **ViewPropTypes** method used in the original library is replaced by the **PropTypes** method: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2) ## License -This project is licensed under [The MIT License (MIT)](https://www.mit-license.org). +This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-transitiongroup/blob/sig/LICENSE). diff --git a/en/react-native-translucent-modal.md b/en/react-native-translucent-modal.md index 41bf4dcdbf23d49b2133923a64420518e629e8fc..f7abf8978859d82b62eac9ec2c32aa38b3243c37 100644 --- a/en/react-native-translucent-modal.md +++ b/en/react-native-translucent-modal.md @@ -68,15 +68,15 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => { setVisible(!visible)}> setVisible(false)}> - {/* 注意:1、此图片组件为示例,需要根据自己的项目需求,去引入对应组件; - 2、示例图片地址需要根据自己的项目情况去引入 */} + {/* Note: 1. This image component is used as an example. You need to import your component as needed. + 2. The sample image address needs to be replaced as needed. */} - - - - + + + + ; } @@ -96,14 +96,14 @@ Properties > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android. -> [!TIP] react-native提供的Modal组件,在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。 +> [!TIP] The **Modal** component provided by React Native can implement the immersive effect of the status bar on the HarmonyOS and iOS platforms. | Name | Description | Type | Required | Platform | HarmonyOS Support | | ----------------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- | -| `animationType` | Animation type of modal. | string | yes | All | yes | -| `transparent` | Whether the background of the modal is transparent. | boolean | yes | All | yes | -| `visible` | Controls whether the modal is displayed. | boolean | yes | All | yes | -| `onRequestClose?: () => void` | Called when the model request close. | function | yes | ALL | yes | +| `animationType` | Animation type of modal. | string | No | All | yes | +| `transparent` | Whether the background of the modal is transparent. | boolean | No | All | yes | +| `visible` | Controls whether the modal is displayed. | boolean | No | All | yes | +| `onRequestClose?: () => void` | Called when the model request close. | function | No | ALL | yes | ## Known Issues diff --git a/zh-cn/js/redux-persist.md b/zh-cn/js/redux-persist.md index 2b63e7a8a65d4a1a951359483de6f5e5db00088d..5d47aa00d6e8406e5b4aabecbe622d5ea4927a7c 100644 --- a/zh-cn/js/redux-persist.md +++ b/zh-cn/js/redux-persist.md @@ -9,7 +9,7 @@

-> [!TIP] [Github 地址](https://github.com/rt2zz/redux-persist) +> [!TIP] [Github 地址](https://github.com/rt2zz/redux-persist/releases/tag/v6.0.0) ## 安装与使用 diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md index 96ac181eefb4c2affeb2fa6e8c01f4a2d03625e5..1d5f639f2b7b5f3cded836a0a062b30250c6f2bd 100644 --- a/zh-cn/react-native-MJRefresh.md +++ b/zh-cn/react-native-MJRefresh.md @@ -46,8 +46,13 @@ import React, { Component } from "react"; import { Text, View } from "react-native"; import MJRefresh, { ScrollView } from "react-native-mjrefresh"; -export default class MjRefreshDemo extends Component { - constructor(props) { +interface State { + text: string, + refreshing: Boolean, +} + +export default class MjRefreshDemo extends Component<{}, State> { + constructor(props: any) { super(props); } @@ -55,6 +60,11 @@ export default class MjRefreshDemo extends Component { text: "下拉刷新", refreshing: false } + _mjrefresh: any = null; + _hw = { + finishRefresh: () => {} + } + _onRefresh = () => { setTimeout(() => { this._hw && this._hw.finishRefresh(); @@ -65,7 +75,7 @@ export default class MjRefreshDemo extends Component { this._mjrefresh = ref} + ref={(ref: any) => this._mjrefresh = ref} onRefresh={ () => { this.setState({ @@ -83,7 +93,7 @@ export default class MjRefreshDemo extends Component { text: '释放刷新' }) }} - onPulling={e => { + onPulling={(e: any) => { console.log('cbdtest onPulling:' + e.nativeEvent.percent) if (e.nativeEvent.percent < 0.1) { this.setState({ @@ -248,10 +258,10 @@ ohpm install | Name | Description | Type | Required | Platform | HarmonyOS Support (ArkTS) |HarmonyOS Support (CAPI) | | :----------------- | ----------- | -------- | -------- | -------- | ----------------- |----------------- | -| onRefresh | System Path | function | No | IOS | yes |yes | -| onRefreshIdle | System Path | function | No | IOS | yes |yes | -| onReleaseToRefresh | System Path | function | No | IOS | yes |yes | -| onPulling | System Path | function | No | IOS | yes |yes | +| onRefresh | 刷新时触发 | function | No | IOS | yes |yes | +| onRefreshIdle | 刷新闲置时触发 | function | No | IOS | yes |yes | +| onReleaseToRefresh | 可释放刷新时触发 | function | No | IOS | yes |yes | +| onPulling | header下拉过程中触发 | function | No | IOS | yes |yes | ## 静态方法 @@ -263,8 +273,8 @@ ohpm install | Name | Description | Type | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) | | :------------ | ----------- | -------- | -------- | -------- | ----------------- |----------------- | -| beginRefresh | System Path | function | No | IOS | yes |yes | -| finishRefresh | System Path | function | No | IOS | yes |yes | +| beginRefresh | 开始刷新 | function | No | IOS | yes |yes | +| finishRefresh | 结束刷新 | function | No | IOS | yes |yes | ## 其他 diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md index e851499e68054115dfce7fac3685bbb4f59ae875..46fbc3b163623cbf1e68bb51c8915aef0e6c85a9 100644 --- a/zh-cn/react-native-crypto-js.md +++ b/zh-cn/react-native-crypto-js.md @@ -12,7 +12,7 @@

-> [!TIP] [Github 地址](https://github.com/imchintan/react-native-crypto-js) +> [!TIP] [Github 地址](https://github.com/imchintan/react-native-crypto-js/releases/tag/1.0.0) ## 安装与使用 @@ -147,10 +147,10 @@ export const ReactNativeCryptoJsExample = () => { | Name | Description | Type | Required | Platform | HarmonyOS Support | | -------------------- | --------------- | -------- | -------- | -------- | ----------------- | -| CryptoJS.AES.encrypt | AES encryption | string | yes | Android、iOS | yes | -| CryptoJS.AES.decrypt | AES decryption | string | yes | Android、iOS | yes | -| CryptoJS.MD5 | MD5 encryption | string | yes | Android、iOS | yes | -| CryptoJS.HmacMD5 | HmacMD5 encryption | string | yes | no | no | +| CryptoJS.AES.encrypt | AES encryption | string | No | Android、iOS | yes | +| CryptoJS.AES.decrypt | AES decryption | string | No | Android、iOS | yes | +| CryptoJS.MD5 | MD5 encryption | string | No | Android、iOS | yes | +| CryptoJS.HmacMD5 | HmacMD5 encryption | string | No | no | no | ## 遗留问题 diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md index d7f6f587fd44f22e1944e29d5feebc103d407227..c3b65569b69fd6debc7caa7e63c2a587e2907575 100644 --- a/zh-cn/react-native-transitiongroup.md +++ b/zh-cn/react-native-transitiongroup.md @@ -173,4 +173,4 @@ const styles = StyleSheet.create({ ## 开源协议 -本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ,请自由地享受和参与开源。 +本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-transitiongroup/blob/sig/LICENSE) ,请自由地享受和参与开源。 diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md index 492ce62daeed20bf900d18415454d5d15c44fa66..56a081656d2dc5b0054d1e158e762131ce61ec1e 100644 --- a/zh-cn/react-native-translucent-modal.md +++ b/zh-cn/react-native-translucent-modal.md @@ -98,10 +98,10 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => { | Name | Description | Type | Required | Platform | HarmonyOS Support | | ----------------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- | -| `animationType` | Animation type of modal. | string | yes | All | yes | -| `transparent` | Whether the background of the modal is transparent. | boolean | yes | All | yes | -| `visible` | Controls whether the modal is displayed. | boolean | yes | All | yes | -| `onRequestClose?: () => void` | Called when the model request close. | function | yes | ALL | yes | +| `animationType` | Animation type of modal. | string | No | All | yes | +| `transparent` | Whether the background of the modal is transparent. | boolean | No | All | yes | +| `visible` | Controls whether the modal is displayed. | boolean | No | All | yes | +| `onRequestClose?: () => void` | Called when the model request close. | function | No | ALL | yes | ## 遗留问题