From d36aa2e49317bb7e6d2d511322afe03e59e7e2a1 Mon Sep 17 00:00:00 2001 From: wangyingjun01 Date: Thu, 12 Jun 2025 15:50:08 +0800 Subject: [PATCH 1/2] =?UTF-8?q?docs:=20[Issues:=20#ICEPHV]=20=E8=A1=A5?= =?UTF-8?q?=E5=85=85=20react-native-image-pan-zoom=E6=8C=87=E5=AF=BC?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E7=9A=84=E4=BD=BF=E7=94=A8=E6=8E=A5=E5=8F=A3?= =?UTF-8?q?=E4=B8=8E=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3=E7=BF=BB=E8=AF=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wangyingjun01 --- en/react-native-image-pan-zoom.md | 22 ++++++++++++++++------ zh-cn/react-native-image-pan-zoom.md | 9 +++++++++ 2 files changed, 25 insertions(+), 6 deletions(-) diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md index a051dfdd..ca22d6ef 100644 --- a/en/react-native-image-pan-zoom.md +++ b/en/react-native-image-pan-zoom.md @@ -134,21 +134,31 @@ ImageZoom | `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior | () => boolean | NO | ALL | YES | | `useHardwareTextureAndroid` | for disabling rendering to hardware texture on Android | boolean | NO | Android | NO | + + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- | +| reset | Reset the position and the scale of the image | () => void | NO | iOS/Android | YES | +| resetScale | Reset the scale of the image | () => void | NO | iOS/Android | YES | +| centerOn | Centers the image in the position indicated. ICenterOn={ x: number, y: number, scale: number, duration: number } | ICenterOn | NO | iOS/Android | YES | + + + ## Known Issues -- [x] 双指缩放在 harmony 框架侧不支持使用 [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1) +- [x] Two-finger pinch-to-zoom is not supported on the Harmony framework side [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1) -- [x] 长按图片后，rn 框架图片拖拽 Properties 导致程序崩溃 [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2) +- [x] After long-pressing an image, the app crashes due to image drag properties in the React Native (RN) framework [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2) -- [x] onPanResponderTerminationRequest 方法，harmony 端与 android 端表现不一致 [issues#3](https://github.com/react-native-oh-library/react-native-image-zoom/issues/3) +- [x] The onPanResponderTerminationRequest method behaves inconsistently between the Harmony and Android platforms [issues#3](https://github.com/react-native-oh-library/react-native-image-zoom/issues/3) ## Others -- 下滑图片，然后双击放大，再次下滑表现异常，已在源库基础上修改[上库地址](https://github.com/react-native-oh-library/react-native-image-zoom)，源库已被存档，不能新建 issue，特此记录 +- Swiping down on an image, then double-tapping to zoom in, and swiping down again results in abnormal behavior. Modifications have been made based on the original repository[repository link](https://github.com/react-native-oh-library/react-native-image-zoom).The original repository has been archived, so new issues cannot be created. This is being documented here for reference. -- onDragLeft 此回调函数源码未实现，详见:[issues#103](https://github.com/ascoders/react-native-image-zoom/issues/103) +- The onDragLeft callback function is not implemented in the source code. For details, see:[issues#103](https://github.com/ascoders/react-native-image-zoom/issues/103) -- useHardwareTextureAndroid 此 Properties 仅 Android 生效 +- The useHardwareTextureAndroid property only takes effect on Android ## License diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md index a94a3b11..ecfcbc4a 100644 --- a/zh-cn/react-native-image-pan-zoom.md +++ b/zh-cn/react-native-image-pan-zoom.md @@ -132,6 +132,15 @@ ImageZoom | `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior | () => boolean | NO | ALL | YES | | `useHardwareTextureAndroid` | for disabling rendering to hardware texture on Android | boolean | NO | Android | NO | + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- | +| reset | Reset the position and the scale of the image | () => void | NO | iOS/Android | YES | +| resetScale | Reset the scale of the image | () => void | NO | iOS/Android | YES | +| centerOn | Centers the image in the position indicated. ICenterOn={ x: number, y: number, scale: number, duration: number } | ICenterOn | NO | iOS/Android | YES | + + + ## 遗留问题 - [x] 双指缩放在 harmony 框架侧不支持使用 [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1) -- Gitee From 5b7fac12721ebeb24318c4e1263279718948ed86 Mon Sep 17 00:00:00 2001 From: wangyingjun01 Date: Fri, 13 Jun 2025 10:46:05 +0800 Subject: [PATCH 2/2] =?UTF-8?q?docs:=20[Issues:=20#ICEX2R]=20=E4=BF=AE?= =?UTF-8?q?=E6=94=B9react-native-splash-screen=E6=8C=87=E5=AF=BC=E6=96=87?= =?UTF-8?q?=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wangyingjun01 --- en/react-native-splash-screen.md | 48 +++++++++++++++++++++++------ zh-cn/react-native-splash-screen.md | 42 ++++++++++++++++++++----- 2 files changed, 74 insertions(+), 16 deletions(-) diff --git a/en/react-native-splash-screen.md b/en/react-native-splash-screen.md index 195ee173..123e46e5 100644 --- a/en/react-native-splash-screen.md +++ b/en/react-native-splash-screen.md @@ -4,14 +4,14 @@

react-native-splash-screen

-This project is based on [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen). +This project is based on [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen/tree/v3.3.0). -This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-splash-screen`, The version correspondence details are as follows: +This third-party library has been migrated to GitCode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-splash-screen`, The version correspondence details are as follows: -| Version | Package Name | Repository | Release | -|---------------------------| ------------------------------------------------- | ------------------ | -------------------------- | +| Version | Package Name | Repository | Release | +|---------------------------| ------------------------------------------------- |---------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------| | <= 3.3.0-0.0.2@deprecated | @react-native-oh-tpl/react-native-splash-screen | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | -| > 3.3.0 | @react-native-ohos/react-native-splash-screen | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) | +| > 3.3.0 | @react-native-ohos/react-native-splash-screen | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/releases) | ## 1. Installation and Usage @@ -206,11 +206,41 @@ ohpm install Then build and run the code. + +The following code demonstrates the basic usage scenario of this library: + +```jsx +import React from 'react'; +import { Text, View } from 'react-native'; +import SplashScreen from 'react-native-splash-screen'; + +class App extends React.Component { + componentDidMount() { + SplashScreen.hide(); + } + + render() { + return ( + + Hello, world! + + ) + } +} + +export default App; + +``` + ## 3. Constraints ### 3.1. Compatibility -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-splash-screen Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-splash-screen Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/releases) ## 4. API @@ -240,9 +270,9 @@ Check the release version information in the release address of the third-party ## 6. Others -- 在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。 -HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。 +- In iOS, the working principle of the show() method is as follows: In the entry application method, the home page of the App is first loaded, and then a while loop is used to keep the interface on the App's splash screen. During this time, the home page still loads asynchronously. Once the loading is complete, stopping the while loop will hide the splash screen and display the home page. + In HarmonyOS, the home page is loaded by calling windowStage.loadContent in the entry onWindowStageCreate method. If a while loop is used at this point, the home page cannot be loaded asynchronously. ## 7.License -This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE). \ No newline at end of file +This project is licensed under [The MIT License (MIT)](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE). \ No newline at end of file diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md index 467b052c..b1f2bdc4 100644 --- a/zh-cn/react-native-splash-screen.md +++ b/zh-cn/react-native-splash-screen.md @@ -4,14 +4,14 @@

react-native-splash-screen

-本项目基于 [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen) 开发。 +本项目基于 [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen/tree/v3.3.0) 开发。 -该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-splash-screen`，具体版本所属关系如下： +该第三方库的仓库已迁移至 GitCode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-splash-screen`，具体版本所属关系如下： -| Version | Package Name | Repository | Release | -|---------------------------| ------------------------------------------------- | ------------------ | -------------------------- | +| Version | Package Name | Repository | Release | +|---------------------------| ------------------------------------------------- |---------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------| | <= 3.3.0-0.0.2@deprecated | @react-native-oh-tpl/react-native-splash-screen | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | -| > 3.3.0 | @react-native-ohos/react-native-splash-screen | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) | +| > 3.3.0 | @react-native-ohos/react-native-splash-screen | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/releases) | ## 1. 安装与使用 @@ -207,6 +207,34 @@ ohpm install 然后编译、运行即可。 +下面的代码展示了这个库的基本使用场景： + +```jsx +import React from 'react'; +import { Text, View } from 'react-native'; +import SplashScreen from 'react-native-splash-screen'; + +class App extends React.Component { + componentDidMount() { + SplashScreen.hide(); + } + + render() { + return ( + + Hello, world! + + ) + } +} + +export default App; + +``` ## 3. 约束与限制 @@ -214,7 +242,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-splash-screen Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-splash-screen Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/releases) ## 4. API @@ -250,4 +278,4 @@ HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent ## 7. 开源协议 -本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。 \ No newline at end of file +本项目基于 [The MIT License (MIT)](https://gitcode.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。 \ No newline at end of file -- Gitee