@ohos-cpf/3rdloop 0.0.8 → 0.0.10

package/vendor/BadCase/rn/pr-info/rntpc_react-native-modal-20.json

@@ -0,0 +1,246 @@
+{
+  "pr": {
+    "id": 8856149,
+    "html_url": "https://gitcode.com/CPF-RN/rntpc_react-native-modal/merge_requests/20",
+    "number": 20,
+    "state": "merged",
+    "title": "fix:解决升级到rnoh新框架导致的打开modal闪屏问题及更新readme文档",
+    "url": "https://api.gitcode.com/api/v5/repos/CPF-RN/rntpc_react-native-modal/pulls/20",
+    "issue_url": "https://api.gitcode.com/api/v5/repos/CPF-RN/rntpc_react-native-modal/pulls/20/issues",
+    "body": "fix:解决升级到rnoh新框架导致的打开modal闪屏问题 [#14](https://gitcode.com/CPF-RN/rntpc_react-native-modal/issues/14) ",
+    "assignees_number": 2,
+    "assignees": [
+      {
+        "id": "6731c8f2fbbddc0c200a6019",
+        "login": "zhu_chengcheng",
+        "name": "zhu_chengcheng",
+        "avatar_url": "https://cdn-img.gitcode.com/fe/bd/f406eb600317d9bbb6a5c23042b49e5193dfbb7a63ee407f5bbfcbabcd177af1.jpg",
+        "html_url": "https://gitcode.com/zhu_chengcheng",
+        "assignee": true,
+        "code_owner": false,
+        "accept": false
+      },
+      {
+        "id": "67fdb69df01e3c566929edd4",
+        "login": "gcw_N7oHqLFR",
+        "name": "huang_jy",
+        "avatar_url": "",
+        "html_url": "https://gitcode.com/gcw_N7oHqLFR",
+        "assignee": true,
+        "code_owner": false,
+        "accept": true
+      }
+    ],
+    "testers": [
+      {
+        "id": "6541ccea82d8f837210e92c3",
+        "login": "openharmony_ci",
+        "name": "openharmony_ci",
+        "avatar_url": "https://cdn-img.gitcode.com/cb/be/5cb10620b4e9195576142df69cd44bb84df15d769c2a04eff5bf7324b903022c.png?time=1723462328974",
+        "html_url": "https://gitcode.com/openharmony_ci",
+        "assignee": false,
+        "code_owner": false,
+        "accept": true
+      }
+    ],
+    "approval_reviewers": [],
+    "labels": [
+      {
+        "id": 13243899,
+        "color": "#428BCA",
+        "name": "dco检查成功",
+        "repository_id": 4368931,
+        "created_at": "2026-06-24T15:04:04+08:00",
+        "updated_at": "2026-07-09T16:50:53+08:00"
+      },
+      {
+        "id": 13243933,
+        "color": "#428BCA",
+        "name": "编译成功",
+        "repository_id": 4368931,
+        "created_at": "2026-06-24T22:07:11+08:00",
+        "updated_at": "2026-07-10T16:55:49+08:00"
+      },
+      {
+        "id": 13243934,
+        "color": "#428BCA",
+        "name": "静态检查成功",
+        "repository_id": 4368931,
+        "created_at": "2026-06-24T22:07:33+08:00",
+        "updated_at": "2026-07-10T16:56:50+08:00"
+      }
+    ],
+    "created_at": "2026-07-09T16:50:08+08:00",
+    "updated_at": "2026-07-10T17:46:03+08:00",
+    "closed_at": "2026-07-10T17:46:03+08:00",
+    "merged_at": "2026-07-10T17:46:03+08:00",
+    "merged_by": {
+      "id": "6541ccea82d8f837210e92c3",
+      "login": "openharmony_ci",
+      "name": "openharmony_ci",
+      "avatar_url": "https://cdn-img.gitcode.com/cb/be/5cb10620b4e9195576142df69cd44bb84df15d769c2a04eff5bf7324b903022c.png?time=1723462328974",
+      "html_url": "https://gitcode.com/openharmony_ci"
+    },
+    "draft": false,
+    "can_merge_check": true,
+    "prune_branch": false,
+    "mergeable": true,
+    "user": {
+      "id": "6731c0e6fbbddc0c200a58bb",
+      "login": "cuijiaojiao1",
+      "name": "cuijiaojiao1",
+      "avatar_url": "https://cdn-img.gitcode.com/db/be/40716dbb72575e3df57f0d6f71d7566c9acaea74584916e1e3d65fe759ec5bab.jpg",
+      "html_url": "https://gitcode.com/cuijiaojiao1"
+    },
+    "head": {
+      "ref": "77Visible",
+      "sha": "13503be9229d33459829dc5dc36ec0b52a0536b8",
+      "label": "77Visible",
+      "repo": {
+        "path": "rntpc_react-native-modal",
+        "name": "rntpc_react-native-modal",
+        "namespace": {
+          "path": "cuijiaojiao1"
+        },
+        "full_name": "cuijiaojiao1/rntpc_react-native-modal",
+        "html_url": "https://gitcode.com/cuijiaojiao1/rntpc_react-native-modal.git"
+      },
+      "user": {
+        "id": "6731c0e6fbbddc0c200a58bb",
+        "login": "cuijiaojiao1",
+        "name": "cuijiaojiao1",
+        "avatar_url": "https://cdn-img.gitcode.com/db/be/40716dbb72575e3df57f0d6f71d7566c9acaea74584916e1e3d65fe759ec5bab.jpg",
+        "html_url": "https://gitcode.com/cuijiaojiao1"
+      }
+    },
+    "base": {
+      "ref": "br_rnoh0.72",
+      "sha": "69cbcdb92d438c06ecdac78ca103ee3021de50dc",
+      "label": "br_rnoh0.72",
+      "repo": {
+        "path": "rntpc_react-native-modal",
+        "name": "rntpc_react-native-modal",
+        "namespace": {
+          "path": "CPF-RN"
+        },
+        "full_name": "CPF-RN/rntpc_react-native-modal",
+        "html_url": "https://gitcode.com/CPF-RN/rntpc_react-native-modal.git"
+      }
+    },
+    "mergeable_state": {
+      "merge_request_id": 8856149,
+      "state": true,
+      "status_without_user_auth": true,
+      "conflict_passed": true,
+      "branch_missing_passed": true,
+      "non_ff_passed": true,
+      "mr_state_passed": true,
+      "merged_by_user_passed": true,
+      "work_in_progress_passed": true,
+      "resolve_discussion_passed": true,
+      "ci_state_passed": true,
+      "merge_by_self_passed": true,
+      "can_force_merge": true,
+      "approval_reviewers_required_passed": true,
+      "approval_approvers_required_passed": true,
+      "approval_testers_required_passed": true,
+      "merge_request_switch": {
+        "review_mode": "approval",
+        "merge_method": "merge",
+        "only_allow_merge_if_all_discussions_are_resolved": true,
+        "disable_merge_by_self": true,
+        "only_allow_merge_if_pipeline_succeeds": false,
+        "disable_squash_merge": false,
+        "squash_merge_with_no_merge_commit": false,
+        "approval_required_reviewers_count": 0,
+        "approval_required_reviewers_branch": "*",
+        "add_notes_after_merged": true,
+        "mark_auto_merged_mr_as_closed": false,
+        "can_force_merge": true,
+        "can_reopen": true
+      },
+      "reason": {},
+      "check_tasks_num": 2,
+      "all_depend_merge_request_merged_passed": true,
+      "approval_approvers_result": 2,
+      "approval_testers_result": 2
+    },
+    "visibility_reason": "public",
+    "close_related_issue": true,
+    "squash_merge": false
+  },
+  "files": [
+    {
+      "sha": "13503be9229d33459829dc5dc36ec0b52a0536b8",
+      "filename": "README.md",
+      "additions": 16,
+      "deletions": 13,
+      "blob_id": "ad626a296d9d32609f3954fbbe4f5fdee3954fe2",
+      "blob_url": "https://gitcode.com/CPF-RN/rntpc_react-native-modal/blob/13503be9229d33459829dc5dc36ec0b52a0536b8/README.md",
+      "raw_url": "https://raw.gitcode.com/CPF-RN/rntpc_react-native-modal/raw/13503be9229d33459829dc5dc36ec0b52a0536b8/README.md",
+      "patch": "@@ -8,10 +8,11 @@\n \n 该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-modal` 版本所属关系如下：\n \n-| 三方库名称                              | 三方库版本 | 发布信息                                                                                   | 支持 RN 版本    | Autolink | 编译 API 版本 | 社区基线版本 | npm 地址                                                                             |\n-| --------------------------------------- | ---------- | ------------------------------------------------------------------------------------------ | --------------- | -------- | ------------- | ------------ | ------------------------------------------------------------------------------------ |\n-| @react-native-ohos/react-native-modal   | ~ 14.0.1   | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)  | 0.77.\\*/0.82.\\* | 否       | API12+        | 14.0.0-rc.1  | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n-| @react-native-oh-tpl/react-native-modal | ~ 13.0.1   | [Gitcode Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72.\\*         | 否       | API12+        | 13.0.1       | [Npm Address](https://www.npmjs.com/package/@react-native-oh-tpl/react-native-modal) |\n+| 三方库名称                              | 三方库版本          | 发布信息                                                                                  | 支持 RN 版本    | Autolink | 编译 API 版本 | 社区基线版本 | npm 地址                                                                             |\n+| --------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------- | --------------- | -------- | ------------- | ------------ | ------------------------------------------------------------------------------------ |\n+| @react-native-ohos/react-native-modal   | ~ 14.0.1            | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases) | 0.77.\\*/0.82.\\* | 否       | API12+        | 14.0.0-rc.1  | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n+| @react-native-ohos/react-native-modal   | ~ 13.0.2            | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases) | 0.72.\\*         | 否       | API12+        | 13.0.1       | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n+| @react-native-oh-tpl/react-native-modal | ~ 13.0.1@deprecated | [Github Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72.\\*         | 否       | API12+        | 13.0.1       | [Npm Address](https://www.npmjs.com/package/@react-native-oh-tpl/react-native-modal) |\n \n ## 1. 安装与使用\n \n@@ -132,21 +133,23 @@ export default DefaultModal;\n \n ## 2. Link\n \n-|         | 是否支持 autolink | RN 框架版本 |\n-| ------- | ----------------- | ----------- |\n-| ~14.0.1 | No                | 0.77/0.82   |\n-| ~13.0.1 | No                | 0.72        |\n+|                    | 是否支持 autolink | RN 框架版本 |\n+| ------------------ | ----------------- | ----------- |\n+| ~14.0.1            | 否                | 0.77/0.82   |\n+| ~13.0.2            | 否                | 0.72        |\n+| ~13.0.1@deprecated | 否                | 0.72        |\n \n ## 3. 约束与限制\n \n-### 3.1. 兼容性\n+### 3.1 兼容性\n \n 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：\n \n-| 三方库版本 | 发布信息                                                                                                                   | 支持 RN 版本 |\n-| ---------- | -------------------------------------------------------------------------------------------------------------------------- | ------------ |\n-| 14.0.1     | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.77/0.82    |\n-| 13.0.1     | [@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72         |\n+| 三方库版本        | 发布信息                                                                                                                   | 支持 RN 版本 |\n+| ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------ |\n+| 14.0.1            | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.77/0.82    |\n+| 13.0.2            | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.72         |\n+| 13.0.1@deprecated | [@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72         |\n \n ## 4. 属性\n \n",
+      "target_branch": "br_rnoh0.72",
+      "source_branch": "77Visible",
+      "source_project": {
+        "id": 9515182,
+        "full_name": "cuijiaojiao1/rntpc_react-native-modal",
+        "human_name": "cuijiaojiao1 / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      },
+      "target_project": {
+        "id": 4368931,
+        "full_name": "CPF-RN/rntpc_react-native-modal",
+        "human_name": "CPF-RN / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      }
+    },
+    {
+      "sha": "13503be9229d33459829dc5dc36ec0b52a0536b8",
+      "filename": "README_en.md",
+      "additions": 15,
+      "deletions": 12,
+      "blob_id": "7c8610e01c5b148b34d2fad8314243cdb970414a",
+      "blob_url": "https://gitcode.com/CPF-RN/rntpc_react-native-modal/blob/13503be9229d33459829dc5dc36ec0b52a0536b8/README_en.md",
+      "raw_url": "https://raw.gitcode.com/CPF-RN/rntpc_react-native-modal/raw/13503be9229d33459829dc5dc36ec0b52a0536b8/README_en.md",
+      "patch": "@@ -8,10 +8,11 @@ This project is based on [react-native-modal](https://github.com/react-native-mo\n \n 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-modal`, The version correspondence details are as follows:\n \n-| Name                                    | Version  | Release Information                                                                        | Supported RN Version | Supported Autolink | Compile API Version | Community Baseline Version | npm Address                                                                          |\n-| --------------------------------------- | -------- | ------------------------------------------------------------------------------------------ | -------------------- | ------------------ | ------------------- | -------------------------- | ------------------------------------------------------------------------------------ |\n-| @react-native-ohos/react-native-modal   | ~ 14.0.1 | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)  | 0.77.\\*/0.82.\\*      | No                 | API12+              | 14.0.0-rc.1                | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n-| @react-native-oh-tpl/react-native-modal | ~ 13.0.1 | [Gitcode Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72.\\*              | No                 | API12+              | 13.0.1                     | [Npm Address](https://www.npmjs.com/package/@react-native-oh-tpl/react-native-modal) |\n+| Name                                    | Version             | Release Information                                                                       | Supported RN Version | Supported Autolink | Compile API Version | Community Baseline Version | npm Address                                                                          |\n+| --------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------- | -------------------- | ------------------ | ------------------- | -------------------------- | ------------------------------------------------------------------------------------ |\n+| @react-native-ohos/react-native-modal   | ~ 14.0.1            | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases) | 0.77.\\*/0.82.\\*      | No                 | API12+              | 14.0.0-rc.1                | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n+| @react-native-ohos/react-native-modal   | ~ 13.0.2            | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases) | 0.72.\\*              | No                 | API12+              | 13.0.1                     | [Npm Address](https://www.npmjs.com/package/@react-native-ohos/react-native-modal)   |\n+| @react-native-oh-tpl/react-native-modal | ~ 13.0.1@deprecated | [Github Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72.\\*              | No                 | API12+              | 13.0.1                     | [Npm Address](https://www.npmjs.com/package/@react-native-oh-tpl/react-native-modal) |\n \n ## 1. Installation and Usage\n \n@@ -132,10 +133,11 @@ export default DefaultModal;\n \n ## 2. Link\n \n-|         | Supported Autolink | Supported RN Version |\n-| ------- | ------------------ | -------------------- |\n-| ~14.0.1 | No                 | 0.77/0.82            |\n-| ~13.0.1 | No                 | 0.72                 |\n+|                    | Supported Autolink | Supported RN Version |\n+| ------------------ | ------------------ | -------------------- |\n+| ~14.0.1            | No                 | 0.77/0.82            |\n+| ~13.0.2            | No                 | 0.72                 |\n+| ~13.0.1@deprecated | No                 | 0.72                 |\n \n ## 3. Constraints\n \n@@ -143,10 +145,11 @@ export default DefaultModal;\n \n Check the release version information in the release address of the third-party library:\n \n-| Version | Release Information                                                                                                        | Supported RN Version |\n-| ------- | -------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n-| 14.0.1  | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.77/0.82            |\n-| 13.0.1  | [@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72                 |\n+| Version           | Release Information                                                                                                        | Supported RN Version |\n+| ----------------- | -------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n+| 14.0.1            | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.77/0.82            |\n+| 13.0.2            | [@react-native-ohos/react-native-modal Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-modal/releases)    | 0.72                 |\n+| 13.0.1@deprecated | [@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases) | 0.72                 |\n \n ## 4. Properties\n \n",
+      "target_branch": "br_rnoh0.72",
+      "source_branch": "77Visible",
+      "source_project": {
+        "id": 9515182,
+        "full_name": "cuijiaojiao1/rntpc_react-native-modal",
+        "human_name": "cuijiaojiao1 / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      },
+      "target_project": {
+        "id": 4368931,
+        "full_name": "CPF-RN/rntpc_react-native-modal",
+        "human_name": "CPF-RN / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      }
+    },
+    {
+      "sha": "13503be9229d33459829dc5dc36ec0b52a0536b8",
+      "filename": "src/modal.tsx",
+      "additions": 192,
+      "deletions": 85,
+      "blob_id": "49346b863a03d2f10a723f7f8b2d2efef4486192",
+      "blob_url": "https://gitcode.com/CPF-RN/rntpc_react-native-modal/blob/13503be9229d33459829dc5dc36ec0b52a0536b8/src/modal.tsx",
+      "raw_url": "https://raw.gitcode.com/CPF-RN/rntpc_react-native-modal/raw/13503be9229d33459829dc5dc36ec0b52a0536b8/src/modal.tsx",
+      "patch": "@@ -52,6 +52,7 @@ type State = {\n   deviceHeight: number;\n   isSwipeable: boolean;\n   pan: OrNull<Animated.ValueXY>;\n+  animationReady: boolean;\n };\n \n const defaultProps = {\n@@ -192,6 +193,7 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n     deviceHeight: Dimensions.get('window').height,\n     isSwipeable: !!this.props.swipeDirection,\n     pan: null,\n+    animationReady: false,\n   };\n \n   isTransitioning = false;\n@@ -200,12 +202,15 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n \n   animationIn: string;\n   animationOut: string;\n+  backdropAnimated: Animated.Value;\n   backdropRef: any;\n   contentRef: any;\n   panResponder: OrNull<PanResponderInstance> = null;\n   didUpdateDimensionsEmitter: OrNull<EmitterSubscription> = null;\n \n   interactionHandle: OrNull<number> = null;\n+  _pendingRAF: number[] = [];\n+  _pendingTimeout: number[] = [];\n \n   constructor(props: ModalProps) {\n     super(props);\n@@ -215,7 +220,7 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n \n     this.animationIn = animationIn;\n     this.animationOut = animationOut;\n-\n+    this.backdropAnimated = new Animated.Value(0);\n     if (this.state.isSwipeable) {\n       this.state = {\n         ...this.state,\n@@ -227,14 +232,18 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       this.state = {\n         ...this.state,\n         isVisible: true,\n-        showContent: true,\n+        showContent: false,\n+        animationReady: false,\n       };\n     }\n   }\n \n-  static getDerivedStateFromProps(nextProps: Readonly<ModalProps>, state: State) {\n+  static getDerivedStateFromProps(\n+    nextProps: Readonly<ModalProps>,\n+    state: State,\n+  ) {\n     if (!state.isVisible && nextProps.isVisible) {\n-      return { isVisible: true, showContent: true };\n+      return { isVisible: true, showContent: false, animationReady: false};\n     }\n     return null;\n   }\n@@ -267,8 +276,17 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       InteractionManager.clearInteractionHandle(this.interactionHandle);\n       this.interactionHandle = null;\n     }\n+    // Cancel any pending requestAnimationFrame callbacks\n+    this._pendingRAF.forEach(id => cancelAnimationFrame(id));\n+    this._pendingRAF = [];\n+    // Cancel any pending setTimeout callbacks\n+    this._pendingTimeout.forEach(id => clearTimeout(id));\n+    this._pendingTimeout = [];\n+    // Stop any running backdrop animation\n+    if (this.backdropAnimated && this.backdropAnimated.stopAnimation) {\n+      this.backdropAnimated.stopAnimation();\n+    }\n   }\n-\n   componentDidUpdate(prevProps: ModalProps) {\n     // If the animations have been changed then rebuild them to make sure we're\n     // using the most up-to-date ones\n@@ -282,15 +300,13 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       this.animationIn = animationIn;\n       this.animationOut = animationOut;\n     }\n-    // If backdrop opacity has been changed then make sure to update it\n-    if (\n-      this.props.backdropOpacity !== prevProps.backdropOpacity &&\n-      this.backdropRef\n-    ) {\n-      this.backdropRef.transitionTo(\n-        { opacity: this.props.backdropOpacity },\n-        this.props.backdropTransitionInTiming,\n-      );\n+    // If backdrop opacity has been changed then animate the Animated.Value\n+    if (this.props.backdropOpacity !== prevProps.backdropOpacity) {\n+      Animated.timing(this.backdropAnimated, {\n+        toValue: this.props.backdropOpacity,\n+        duration: this.props.backdropTransitionInTiming,\n+        useNativeDriver: this.props.useNativeDriverForBackdrop === true,\n+      }).start();\n     }\n     // On modal open request, we slide the view up and fade in the backdrop\n     if (this.props.isVisible && !prevProps.isVisible) {\n@@ -387,11 +403,13 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n           // Dim the background while swiping the modal\n           const newOpacityFactor =\n             1 - this.calcDistancePercentage(gestureState);\n-\n-          this.backdropRef &&\n-            this.backdropRef.transitionTo({\n-              opacity: this.props.backdropOpacity * newOpacityFactor,\n-            });\n+          // Update backdrop opacity immediately during swipe.\n+          // setValue() is synchronous and works regardless of useNativeDriver\n+          // setting — it directly sets the Animated.Value without scheduling\n+          // an animation, so there is no conflict with native-driven animations.\n+          this.backdropAnimated.setValue(\n+            this.props.backdropOpacity * newOpacityFactor,\n+          );\n \n           animEvt!(evt, gestureState);\n \n@@ -447,12 +465,12 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n         if (this.props.onSwipeCancel) {\n           this.props.onSwipeCancel(gestureState);\n         }\n-\n-        if (this.backdropRef) {\n-          this.backdropRef.transitionTo({\n-            opacity: this.props.backdropOpacity,\n-          });\n-        }\n+        // Reset backdrop opacity with a smooth animation\n+        Animated.timing(this.backdropAnimated, {\n+          toValue: this.props.backdropOpacity,\n+          duration: this.props.backdropTransitionInTiming,\n+          useNativeDriver: this.props.useNativeDriverForBackdrop === true,\n+        }).start();\n \n         Animated.spring(this.state.pan!, {\n           toValue: { x: 0, y: 0 },\n@@ -593,13 +611,19 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       return;\n     }\n     this.isTransitioning = true;\n-    if (this.backdropRef) {\n-      this.backdropRef.transitionTo(\n-        { opacity: this.props.backdropOpacity },\n-        this.props.backdropTransitionInTiming,\n-      );\n+    // Mark content as not ready for display until the animation is\n+    // properly set up. This prevents the one-frame flash where\n+    // setAnimation creates an animationStyle interpolated from a stale\n+    // animationValue (e.g. 1.0 from a previous animation), causing the\n+    // content to appear at its final position for one frame before\n+    // startAnimation resets animationValue to 0.\n+    this.setState({animationReady: false});\n+    if (this.backdropAnimated && this.backdropAnimated.stopAnimation) {\n+      this.backdropAnimated.stopAnimation();\n+    }\n+    if (this.backdropAnimated && this.backdropAnimated.setValue) {\n+      this.backdropAnimated.setValue(0);\n     }\n-\n     // This is for resetting the pan position,otherwise the modal gets stuck\n     // at the last released position when you try to open it.\n     // TODO: Could certainly be improved - no idea for the moment.\n@@ -612,20 +636,64 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       if (this.interactionHandle == null) {\n         this.interactionHandle = InteractionManager.createInteractionHandle();\n       }\n-      this.contentRef\n-        .animate(this.animationIn, this.props.animationInTiming)\n-        .then(() => {\n-          this.isTransitioning = false;\n-          if (this.interactionHandle) {\n-            InteractionManager.clearInteractionHandle(this.interactionHandle);\n-            this.interactionHandle = null;\n-          }\n-          if (!this.props.isVisible) {\n-            this.close();\n-          } else {\n-            this.props.onModalShow();\n-          }\n+      // Stop any running animation first, then reset animationValue to 0\n+      // before setAnimation. This prevents a visual glitch where setAnimation\n+      // uses the current animationValue (e.g. 1.0 from a previous animation)\n+      // to compute animationStyle, causing a one-frame flash at the wrong position.\n+      // After stopAnimation, animationStyle is cleared so content is at its\n+      // default position. Setting animationValue to 0 won't cause a visual jump\n+      // since there's no active animationStyle to interpolate.\n+      this.contentRef.stopAnimation();\n+      if (this.contentRef.state && this.contentRef.state.animationValue) {\n+        this.contentRef.state.animationValue.setValue(0);\n+      }\n+      const rafId1 = requestAnimationFrame(() => {\n+        // Guard: if the component was unmounted or closed before the\n+        // deferred frame fired, skip animation startup entirely.\n+        if (!this.contentRef || !this.isTransitioning) {\n+          return;\n+        }\n+        this.contentRef.setAnimation(this.animationIn, () => {\n+          // setAnimation has now set animationStyle via setState.→native\n+          //   first open when the Modal window is being created.\n+          this.contentRef.startAnimation(\n+            this.props.animationInTiming,\n+            0,\n+            0,\n+            () => {\n+              this.isTransitioning = false;\n+              if (this.interactionHandle) {\n+                InteractionManager.clearInteractionHandle(\n+                  this.interactionHandle,\n+                );\n+                this.interactionHandle = null;\n+              }\n+              if (!this.props.isVisible) {\n+                this.close();\n+              } else {\n+                this.props.onModalShow();\n+              }\n+            },\n+          );\n+          // Start backdrop fade-in in the same JS tick as content animation.\n+          // Animated.timing().start() is synchronous in scheduling — it\n+          // enqueues the animation immediately, ensuring backdrop and content\n+          // begin on the same frame.\n+          Animated.timing(this.backdropAnimated, {\n+            toValue: this.props.backdropOpacity,\n+            duration: this.props.backdropTransitionInTiming,\n+            useNativeDriver: this.props.useNativeDriverForBackdrop === true,\n+          }).start();\n+          const rafId2 = requestAnimationFrame(() => {\n+            if (!this.isTransitioning && !this.state.isVisible) {\n+              return;\n+            }\n+            this.setState({showContent: true, animationReady: true});\n+          });\n+          this._pendingRAF.push(rafId2);\n         });\n+      });\n+      this._pendingRAF.push(rafId1);\n     }\n   };\n \n@@ -634,12 +702,6 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       return;\n     }\n     this.isTransitioning = true;\n-    if (this.backdropRef) {\n-      this.backdropRef.transitionTo(\n-        { opacity: 0 },\n-        this.props.backdropTransitionOutTiming,\n-      );\n-    }\n \n     let animationOut = this.animationOut;\n \n@@ -661,34 +723,80 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n       if (this.interactionHandle == null) {\n         this.interactionHandle = InteractionManager.createInteractionHandle();\n       }\n-      this.contentRef\n-        .animate(animationOut, this.props.animationOutTiming)\n-        .then(() => {\n-          this.isTransitioning = false;\n-          if (this.interactionHandle) {\n-            InteractionManager.clearInteractionHandle(this.interactionHandle);\n-            this.interactionHandle = null;\n+      // Stop any running animation first, then reset animationValue to 0\n+      // before setAnimation. This prevents a visual glitch where setAnimation\n+      // uses the current animationValue (e.g. 1.0 from the entrance animation)\n+      // to compute the exit animationStyle, causing a one-frame flash.\n+      // After stopAnimation, animationStyle is cleared so content is at its\n+      // default position. Setting animationValue to 0 won't cause a visual jump\n+      // since there's no active animationStyle to interpolate.\n+      this.contentRef.stopAnimation();\n+      if (this.contentRef.state && this.contentRef.state.animationValue) {\n+        this.contentRef.state.animationValue.setValue(0);\n+      }\n+      this.contentRef.setAnimation(animationOut, () => {\n+        // setAnimation has set the exit animationStyle with\n+        // animationValue=0, which corresponds to the \"from\" position\n+        // of the exit animation (e.g. translateY:0 for slideOutDown,\n+        // meaning the content is at its normal visible position).\n+        // This is correct — the content should start at its current\n+        // position and animate out. No need to hide content during\n+        // close since the animationStyle is already correct.\n+        if (this.backdropRef) {\n+          if (this.backdropAnimated && this.backdropAnimated.stopAnimation) {\n+            this.backdropAnimated.stopAnimation();\n           }\n-          if (this.props.isVisible) {\n-            this.open();\n-          } else {\n-            this.setState(\n-              {\n-                showContent: false,\n-              },\n-              () => {\n+          // Start backdrop fade-out in the same JS tick as content animation.\n+          // Animated.timing().start() schedules immediately, keeping backdrop\n+          // and content exit animations in sync without relying on animatable's\n+          // internal state (transitionTo goes through setState which is async).\n+          Animated.timing(this.backdropAnimated, {\n+            toValue: 0,\n+            duration: this.props.backdropTransitionOutTiming,\n+            useNativeDriver: this.props.useNativeDriverForBackdrop === true,\n+          }).start();\n+        }\n+        this.contentRef.startAnimation(\n+          this.props.animationOutTiming,\n+          0,\n+          0,\n+          () => {\n+            const finalizeClose = () => {\n+              this.isTransitioning = false;\n+              if (this.interactionHandle) {\n+                InteractionManager.clearInteractionHandle(\n+                  this.interactionHandle,\n+                );\n+                this.interactionHandle = null;\n+              }\n+              if (this.props.isVisible) {\n+                this.open();\n+              } else {\n                 this.setState(\n                   {\n+                    showContent: false,\n                     isVisible: false,\n+                    animationReady: false,\n                   },\n                   () => {\n                     this.props.onModalHide();\n                   },\n                 );\n-              },\n-            );\n-          }\n-        });\n+              }\n+            };\n+            // The startAnimation callback fires when the JS-side\n+            // Animated.timing completes. On Harmony/OpenHarmony,\n+            // the native rendering pipeline may still be processing\n+            // the final frame. Use a small delay to ensure the last\n+            // frame of the exit animation has been painted before\n+            // removing the modal from the view hierarchy, preventing\n+            // a flash where the modal content briefly reappears at\n+            // its default (un-animated) position.\n+            const timeoutId = setTimeout(finalizeClose, 32);\n+            this._pendingTimeout.push(timeoutId);\n+          },\n+        );\n+      });\n     }\n   };\n   makeBackdrop = () => {\n@@ -717,23 +825,22 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n         width: this.getDeviceWidth(),\n         height: this.getDeviceHeight(),\n         backgroundColor:\n-          this.state.showContent && !hasCustomBackdrop\n+          (this.props.isVisible || this.state.isVisible) && !hasCustomBackdrop\n             ? backdropColor\n             : 'transparent',\n       },\n     ];\n \n     const backdropWrapper = (\n-      <animatable.View\n-        ref={ref => (this.backdropRef = ref)}\n-        useNativeDriver={\n-          useNativeDriverForBackdrop !== undefined\n-            ? useNativeDriverForBackdrop\n-            : useNativeDriver\n-        }\n-        style={[styles.backdrop, backdropComputedStyle]}>\n+      <Animated.View\n+        ref={(ref: any) => (this.backdropRef = ref)}\n+        style={[\n+          styles.backdrop,\n+          backdropComputedStyle,\n+          {opacity: this.backdropAnimated},\n+        ]}>\n         {hasCustomBackdrop && customBackdrop}\n-      </animatable.View>\n+      </Animated.View>\n     );\n \n     if (hasCustomBackdrop) {\n@@ -796,18 +903,18 @@ export class ReactNativeModal extends React.Component<ModalProps, State> {\n \n     // The user might decide not to show the modal while it is animating\n     // to enhance performance.\n-    const _children =\n-      this.props.hideModalContentWhileAnimating &&\n-        this.props.useNativeDriver &&\n-        !this.state.showContent ? (\n-        <animatable.View />\n+    const shouldHideContent =\n+      !this.state.showContent ||\n+      (this.isTransitioning && !this.state.animationReady);\n+    const _children = shouldHideContent ? (\n+      <animatable.View style={{opacity: 0}} />\n       ) : (\n         children\n       );\n     const containerView = (\n       <animatable.View\n         {...panHandlers}\n-        ref={ref => (this.contentRef = ref)}\n+        ref={(ref: any) => (this.contentRef = ref)}\n         style={[panPosition, computedStyle]}\n         pointerEvents=\"box-none\"\n         useNativeDriver={useNativeDriver}\n",
+      "target_branch": "br_rnoh0.72",
+      "source_branch": "77Visible",
+      "source_project": {
+        "id": 9515182,
+        "full_name": "cuijiaojiao1/rntpc_react-native-modal",
+        "human_name": "cuijiaojiao1 / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      },
+      "target_project": {
+        "id": 4368931,
+        "full_name": "CPF-RN/rntpc_react-native-modal",
+        "human_name": "CPF-RN / rntpc_react-native-modal",
+        "path": "rntpc_react-native-modal"
+      }
+    }
+  ]
+}