@ohos-cpf/3rdloop 0.0.7 → 0.0.9

package/vendor/BadCase/rn/pr-info/rntpc_react-native-pager-view-32.md

@@ -0,0 +1,174 @@
+# PR #32: fix:修复嵌套滑动时父子组件无法联动响应的问题
+
+- **状态**: merged
+- **作者**: qq_434633291111
+- **创建时间**: 2026-08-01T19:34:53+08:00
+- **分支**: br_rnoh0.77 → br_rnoh0.77
+- **变更文件数**: 8
+
+## PR 描述
+
+fix:修复嵌套滑动时父子组件无法联动响应的问题
+Close: [#19](https://gitcode.com/CPF-RN/rntpc_react-native-pager-view/issues/19)
+
+## 变更文件
+
+| 文件 | 变更 | +行 | -行 |
+|------|------|-----|-----|
+| `.npmignore` | added | +2 | -0 |
+| `example/harmony/build-profile.template.json5` | ? | +4 | -1 |
+| `example/harmony/entry/oh-package.json5` | ? | +1 | -1 |
+| `example/harmony/oh-package.json5` | ? | +1 | -1 |
+| `example/metro.config.js` | ? | +2 | -2 |
+| `example/package.json` | ? | +2 | -2 |
+| `harmony/pager_view/src/main/cpp/SwiperNode.cpp` | ? | +4 | -0 |
+| `harmony/pager_view/src/main/cpp/SwiperNode.h` | ? | +1 | -0 |
+
+## Diff
+
+### `.npmignore`
+
+```diff
+@@ -0,0 +1,2 @@
++example
++build
+
+
+```
+
+### `example/harmony/build-profile.template.json5`
+
+```diff
+@@ -4,7 +4,6 @@
+       {
+         "name": 'default',
+         "signingConfig": 'default',
+-        "compileSdkVersion": '5.0.1(13)',
+         "compatibleSdkVersion": '5.0.0(12)',
+         "runtimeOS": 'HarmonyOS'
+       },
+@@ -31,6 +30,10 @@
+           ],
+         },
+       ],
++    },
++    {
++      name: 'pager_view',
++      srcPath: '../../harmony/pager_view',
+     }
+   ],
+ }
+
+
+```
+
+### `example/harmony/entry/oh-package.json5`
+
+```diff
+@@ -5,7 +5,7 @@
+   "description": "example description",
+   "version": "1.0.0",
+   "dependencies": {
+-    "@rnoh/react-native-openharmony": "file:../../node_modules/react-native-harmony/harmony/react_native_openharmony.har",
++    "@rnoh/react-native-openharmony": "file:../../node_modules/@react-native-oh/react-native-harmony/react_native_openharmony.har",
+     "@react-native-ohos/react-native-pager-view": "file:../../node_modules/@react-native-ohos/react-native-pager-view/harmony/pager_view.har"
+   }
+ }
+
+
+```
+
+### `example/harmony/oh-package.json5`
+
+```diff
+@@ -6,7 +6,7 @@
+   "repository": {},
+   "version": "1.0.0",
+   "overrides": {
+-    "@rnoh/react-native-openharmony": "file:./../node_modules/react-native-harmony/harmony/react_native_openharmony.har"
++    '@rnoh/react-native-openharmony': 'file:../node_modules/@react-native-oh/react-native-harmony/react_native_openharmony.har'
+   },
+   "dynamicDependencies": {}
+ }
+
+
+```
+
+### `example/metro.config.js`
+
+```diff
+@@ -5,7 +5,7 @@
+  */
+ 
+ const {mergeConfig, getDefaultConfig} = require('@react-native/metro-config');
+-const {createHarmonyMetroConfig} = require('react-native-harmony/metro.config');
++const {createHarmonyMetroConfig} = require('@react-native-oh/react-native-harmony/metro.config');
+ 
+ /**
+  * @type {import("metro-config").ConfigT}
+@@ -24,7 +24,7 @@ const config = {
+ module.exports = mergeConfig(
+   getDefaultConfig(__dirname),
+   createHarmonyMetroConfig({
+-    reactNativeHarmonyPackageName: 'react-native-harmony',
++    reactNativeHarmonyPackageName: '@react-native-oh/react-native-harmony',
+   }),
+   config,
+ );
+
+```
+
+### `example/package.json`
+
+```diff
+@@ -19,7 +19,7 @@
+     "@react-native-ohos/react-native-pager-view": "file:../react-native-ohos-react-native-pager-view-6.7.3.tgz",
+     "react": "18.3.1",
+     "react-native": "0.77.1",
+-    "react-native-harmony": "file:../packages/rnoh-react-native-harmony-0.77.10.tgz",
++    "@react-native-oh/react-native-harmony": "npm:@react-native-oh/react-native-harmony@0.77.18-1",
+     "react-native-reanimated": "^3.6.0"
+   },
+   "devDependencies": {
+@@ -34,7 +34,7 @@
+     "@react-native/eslint-config": "0.77.1",
+     "@react-native/metro-config": "^0.77.1",
+     "@react-native/typescript-config": "0.77.1",
+-    "@rnoh/react-native-harmony-cli": "file:../packages/rnoh-react-native-harmony-cli-0.77.10.tgz",
++    "@rnoh/react-native-harmony-cli": "npm:@react-native-oh/react-native-harmony-cli@0.77.18",
+     "@tsconfig/react-native": "^3.0.0",
+     "@types/d3-scale-chromatic": "^3.0.0",
+     "@types/jest": "^29.5.13",
+
+```
+
+### `harmony/pager_view/src/main/cpp/SwiperNode.cpp`
+
+```diff
+@@ -42,6 +42,10 @@ namespace rnoh {
+             m_nodeHandle, NODE_SWIPER_EVENT_ON_CONTENT_DID_SCROLL, NODE_SWIPER_EVENT_ON_CONTENT_DID_SCROLL, this));
+         maybeThrow(NativeNodeApi::getInstance()->registerNodeEvent(
+             m_nodeHandle, NODE_EVENT_ON_APPEAR, NODE_EVENT_ON_APPEAR, this));
++        // 开启嵌套滑动时的父子联动响应
++        ArkUI_NumberValue indexValue[] = {{.i32 = m_swiperNestedScrollMode}};
++        ArkUI_AttributeItem indexItem = {indexValue, sizeof(indexValue) / sizeof(ArkUI_NumberValue)};
++        maybeThrow(NativeNodeApi::getInstance()->setAttribute(m_nodeHandle, NODE_SWIPER_NESTED_SCROLL, &indexItem));
+     }
+ 
+ 
+
+```
+
+### `harmony/pager_view/src/main/cpp/SwiperNode.h`
+
+```diff
+@@ -81,6 +81,7 @@ namespace rnoh {
+         std::chrono::high_resolution_clock::time_point animationEnd;
+         bool m_interceptSendOffset = false;
+         std::map<void*,ArkUI_NodeHandle> m_nodeHandleMap;
++        ArkUI_SwiperNestedScrollMode m_swiperNestedScrollMode = ARKUI_SWIPER_NESTED_SRCOLL_SELF_FIRST;
+     public:
+         SwiperNode();
+     
+
+```

package/vendor/BadCase/rn/pr-info/rntpc_react-native-qr-decode-image-camera-37.json

@@ -0,0 +1,232 @@
+{
+  "pr": {
+    "id": 8966051,
+    "html_url": "https://gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera/merge_requests/37",
+    "number": 37,
+    "state": "merged",
+    "title": "fix:Fix the issue where the horizontal camera view shifts downward.",
+    "url": "https://api.gitcode.com/api/v5/repos/CPF-RN/rntpc_react-native-qr-decode-image-camera/pulls/37",
+    "issue_url": "https://api.gitcode.com/api/v5/repos/CPF-RN/rntpc_react-native-qr-decode-image-camera/pulls/37/issues",
+    "body": "## 一、变更类型（单选，仅勾选一项）\n- [ ] feat（新增功能，对应 Changelog Added）\n- [x] fix（修复 Bug，对应 Changelog Fixed）\n- [ ] docs（文档变更，对应 Changelog Documentation）\n- [ ] refactor（代码重构，对应 Changelog Changed）\n- [ ] perf（性能优化，对应 Changelog Performance）\n- [ ] test（测试相关，不进入 Changelog）\n- [ ] chore（构建/工具链/依赖，不进入 Changelog）\n- [ ] deprecated（标记弃用，对应 Changelog Deprecated）\n- [ ] removed（移除功能，对应 Changelog Removed）\n- [ ] security（安全修复，对应 Changelog Security）\n\n## 二、变更内容\n### 简要描述\n解决横屏状态下相机显示问题\n\n### 破坏性变更说明\n无破坏性变更\n\n\n## 三、测试步骤\n运行demo,手机切换横屏，观察相机UI状态\n测试demo\n```\n/**\n * @format\n */\n\nimport { AppRegistry } from 'react-native';\nimport RNTester from './rn-tester';\nimport { name as appName } from './app.json';\n\nimport React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\nimport { QRscanner } from 'react-native-qr-decode-image-camera';\n\n\nexport const QrExample = () => {\n\n    const [flashMode, setflashMode] = useState(false);\n    const onRead = res => {\n        console.log(\"result:\" + res);\n    };\n    return (\n        <View style={styles.container}>\n            <QRscanner\n                onRead={onRead}\n                isRepeatScan={true}\n                renderBottomView={() => {\n                    return (\n                        <View\n                            style={{\n                                flex: 1,\n                                flexDirection: 'row',\n                                backgroundColor: '#0000004D',\n                            }}>\n                            <TouchableOpacity\n                                style={{\n                                    flex: 1,\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                }}\n                                onPress={() => {\n                                    if (flashMode) {\n                                        setflashMode(false);\n                                    } else {\n                                        setflashMode(true);\n                                    }\n                                }}>\n                                <Text style={{ color: '#fff' }}>flashMode</Text>\n                            </TouchableOpacity>\n                        </View>\n                    );\n                }}\n                flashMode={flashMode}\n                finderY={50}\n            />\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: '#000',\n    },\n});\n\nAppRegistry.registerComponent(appName, () => QrExample);\n\n```\n\n## 四、测试情况\n横屏状态UI显示正常\n不涉及\n\n## 五、合入前自检\n- [x] 不涉及非兼容性变更；若涉及，已通过相应评审。\n- [x] 不涉及性能或已进行性能测试且无性能劣化。\n- [x] 符合对应的编码规范。\n- [x] 无敏感信息泄露，如密码、密钥等。\n- [x] 不涉及文档更新，或已更新了文档。\n- [x] 针对可测试性要求，已增加必要的自测用例、合理的日志记录或Trace信息。\n- [x] 不存在非法的文件引入，包括图片和代码等",
+    "assignees_number": 3,
+    "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": false
+      },
+      {
+        "id": "67316e3733741160e6751351",
+        "login": "dingchengjie",
+        "name": "dingchengjie",
+        "avatar_url": "https://cdn-img.gitcode.com/fa/ed/6fa18810e4276d04d77bccf2f37c2287b44631cdcae7587fc4446f0bd79c2ed3.png",
+        "html_url": "https://gitcode.com/dingchengjie",
+        "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": 13245124,
+        "color": "#428BCA",
+        "name": "dco检查成功",
+        "repository_id": 4368657,
+        "created_at": "2026-07-02T17:57:08+08:00",
+        "updated_at": "2026-07-31T16:29:40+08:00"
+      },
+      {
+        "id": 13245970,
+        "color": "#428BCA",
+        "name": "编译成功",
+        "repository_id": 4368657,
+        "created_at": "2026-07-08T12:11:50+08:00",
+        "updated_at": "2026-08-06T16:12:25+08:00"
+      },
+      {
+        "id": 13245743,
+        "color": "#428BCA",
+        "name": "静态检查成功",
+        "repository_id": 4368657,
+        "created_at": "2026-07-07T20:59:55+08:00",
+        "updated_at": "2026-08-06T16:25:03+08:00"
+      }
+    ],
+    "created_at": "2026-07-31T16:28:57+08:00",
+    "updated_at": "2026-08-06T19:04:23+08:00",
+    "closed_at": "2026-08-06T19:04:22+08:00",
+    "merged_at": "2026-08-06T19:04:22+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": "67fe10947795fd623e1a1214",
+      "login": "chenbaodi123",
+      "name": "chenbaodi123",
+      "avatar_url": "",
+      "html_url": "https://gitcode.com/chenbaodi123"
+    },
+    "head": {
+      "ref": "br_rnoh0.82",
+      "sha": "e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf",
+      "label": "br_rnoh0.82",
+      "repo": {
+        "path": "rntpc_react-native-qr-decode-image-camera",
+        "name": "rntpc_react-native-qr-decode-image-camera",
+        "namespace": {
+          "path": "chenbaodi123"
+        },
+        "full_name": "chenbaodi123/rntpc_react-native-qr-decode-image-camera",
+        "html_url": "https://gitcode.com/chenbaodi123/rntpc_react-native-qr-decode-image-camera.git"
+      },
+      "user": {
+        "id": "67fe10947795fd623e1a1214",
+        "login": "chenbaodi123",
+        "name": "chenbaodi123",
+        "avatar_url": "",
+        "html_url": "https://gitcode.com/chenbaodi123"
+      }
+    },
+    "base": {
+      "ref": "br_rnoh0.82",
+      "sha": "2b9a5126d7ce9772cae4529b5c4fc51fb7f615f2",
+      "label": "br_rnoh0.82",
+      "repo": {
+        "path": "rntpc_react-native-qr-decode-image-camera",
+        "name": "rntpc_react-native-qr-decode-image-camera",
+        "namespace": {
+          "path": "CPF-RN"
+        },
+        "full_name": "CPF-RN/rntpc_react-native-qr-decode-image-camera",
+        "html_url": "https://gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera.git"
+      }
+    },
+    "mergeable_state": {
+      "merge_request_id": 8966051,
+      "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": "e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf",
+      "filename": "src/Camera.tsx",
+      "additions": 1,
+      "deletions": 2,
+      "blob_id": "83a35ae00587184d73e833a7ee0d25d9c20a2e8b",
+      "blob_url": "https://gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera/blob/e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf/src/Camera.tsx",
+      "raw_url": "https://raw.gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera/raw/e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf/src/Camera.tsx",
+      "patch": "@@ -82,7 +82,6 @@ export const ComponentCamera = (props) => {\n \n const styles = StyleSheet.create({\n   camera: {\n-    width: '100%',\n-    aspectRatio: 3 / 4,\n+   flex: 1,\n   },\n });\n\\n",
+      "target_branch": "br_rnoh0.82",
+      "source_branch": "br_rnoh0.82",
+      "source_project": {
+        "id": 10498861,
+        "full_name": "chenbaodi123/rntpc_react-native-qr-decode-image-camera",
+        "human_name": "chenbaodi123 / rntpc_react-native-qr-decode-image-camera",
+        "path": "rntpc_react-native-qr-decode-image-camera"
+      },
+      "target_project": {
+        "id": 4368657,
+        "full_name": "CPF-RN/rntpc_react-native-qr-decode-image-camera",
+        "human_name": "CPF-RN / rntpc_react-native-qr-decode-image-camera",
+        "path": "rntpc_react-native-qr-decode-image-camera"
+      }
+    },
+    {
+      "sha": "e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf",
+      "filename": "src/QRScannerView.js",
+      "additions": 11,
+      "deletions": 5,
+      "blob_id": "a8c01e06dfeb6072f37ddcb883f1a49d3f9b1bfd",
+      "blob_url": "https://gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera/blob/e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf/src/QRScannerView.js",
+      "raw_url": "https://raw.gitcode.com/CPF-RN/rntpc_react-native-qr-decode-image-camera/raw/e05f632ffc76d2afa87b523ea708ff6ea8f7b2cf/src/QRScannerView.js",
+      "patch": "@@ -10,7 +10,8 @@ import {\n   Vibration,\n   Platform,\n   PixelRatio,\n-  StatusBar\n+  StatusBar,\n+  Dimensions\n } from 'react-native';\n /**\n  * Scanning Interface Mask\n@@ -46,11 +47,13 @@ export default class QRScannerView extends Component {\n \n   constructor(props) {\n     super(props);\n+    const { width, height } = Dimensions.get('window');\n     this.state = {\n       topWidth: 0,\n       topHeight: 0,\n       leftWidth: 0,\n-      animatedValue: new Animated.Value(0)\n+      animatedValue: new Animated.Value(0),\n+      isLandscape: width > height,\n     }\n     this.isClosed = false;\n   }\n@@ -101,7 +104,8 @@ export default class QRScannerView extends Component {\n   //Measure the size of the entire scanning component\n   measureTotalSize = (e) => {\n     let totalSize = e.layout;\n-    this.setState({ topWidth: totalSize.width })\n+    const isLandscape = totalSize.width > totalSize.height;\n+    this.setState({ topWidth: totalSize.width, isLandscape })\n   }\n \n   //Measure the position of the scan frame\n@@ -298,9 +302,11 @@ export default class QRScannerView extends Component {\n         <View\n           style={{\n             position: 'absolute',\n-            bottom: this.props.hintTextPosition\n+            ...(this.state.isLandscape\n+              ? { top: this.getBottomMaskHeight() - this.props.finderY + 10, left: 0, right: 0, alignItems: 'center' }\n+              : { bottom: this.props.hintTextPosition })\n           }}>\n-          <Text style={[this.props.hintTextStyle, { top: this.props.finderY, left: this.props.finderX }]}>{this.props.hintText}</Text>\n+          <Text style={[this.props.hintTextStyle, !this.state.isLandscape ? { top: this.props.finderY, left: this.props.finderX } : {}]}>{this.props.hintText}</Text>\n         </View>\n \n       </View>\n",
+      "target_branch": "br_rnoh0.82",
+      "source_branch": "br_rnoh0.82",
+      "source_project": {
+        "id": 10498861,
+        "full_name": "chenbaodi123/rntpc_react-native-qr-decode-image-camera",
+        "human_name": "chenbaodi123 / rntpc_react-native-qr-decode-image-camera",
+        "path": "rntpc_react-native-qr-decode-image-camera"
+      },
+      "target_project": {
+        "id": 4368657,
+        "full_name": "CPF-RN/rntpc_react-native-qr-decode-image-camera",
+        "human_name": "CPF-RN / rntpc_react-native-qr-decode-image-camera",
+        "path": "rntpc_react-native-qr-decode-image-camera"
+      }
+    }
+  ]
+}

package/vendor/BadCase/rn/pr-info/rntpc_react-native-qr-decode-image-camera-37.md

@@ -0,0 +1,194 @@
+# PR #37: fix:Fix the issue where the horizontal camera view shifts downward.
+
+- **状态**: merged
+- **作者**: chenbaodi123
+- **创建时间**: 2026-07-31T16:28:57+08:00
+- **分支**: br_rnoh0.82 → br_rnoh0.82
+- **变更文件数**: 2
+
+## PR 描述
+
+## 一、变更类型（单选，仅勾选一项）
+- [ ] feat（新增功能，对应 Changelog Added）
+- [x] fix（修复 Bug，对应 Changelog Fixed）
+- [ ] docs（文档变更，对应 Changelog Documentation）
+- [ ] refactor（代码重构，对应 Changelog Changed）
+- [ ] perf（性能优化，对应 Changelog Performance）
+- [ ] test（测试相关，不进入 Changelog）
+- [ ] chore（构建/工具链/依赖，不进入 Changelog）
+- [ ] deprecated（标记弃用，对应 Changelog Deprecated）
+- [ ] removed（移除功能，对应 Changelog Removed）
+- [ ] security（安全修复，对应 Changelog Security）
+
+## 二、变更内容
+### 简要描述
+解决横屏状态下相机显示问题
+
+### 破坏性变更说明
+无破坏性变更
+
+
+## 三、测试步骤
+运行demo,手机切换横屏，观察相机UI状态
+测试demo
+```
+/**
+ * @format
+ */
+
+import { AppRegistry } from 'react-native';
+import RNTester from './rn-tester';
+import { name as appName } from './app.json';
+
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { QRscanner } from 'react-native-qr-decode-image-camera';
+
+
+export const QrExample = () => {
+
+    const [flashMode, setflashMode] = useState(false);
+    const onRead = res => {
+        console.log("result:" + res);
+    };
+    return (
+        <View style={styles.container}>
+            <QRscanner
+                onRead={onRead}
+                isRepeatScan={true}
+                renderBottomView={() => {
+                    return (
+                        <View
+                            style={{
+                                flex: 1,
+                                flexDirection: 'row',
+                                backgroundColor: '#0000004D',
+                            }}>
+                            <TouchableOpacity
+                                style={{
+                                    flex: 1,
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                }}
+                                onPress={() => {
+                                    if (flashMode) {
+                                        setflashMode(false);
+                                    } else {
+                                        setflashMode(true);
+                                    }
+                                }}>
+                                <Text style={{ color: '#fff' }}>flashMode</Text>
+                            </TouchableOpacity>
+                        </View>
+                    );
+                }}
+                flashMode={flashMode}
+                finderY={50}
+            />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#000',
+    },
+});
+
+AppRegistry.registerComponent(appName, () => QrExample);
+
+```
+
+## 四、测试情况
+横屏状态UI显示正常
+不涉及
+
+## 五、合入前自检
+- [x] 不涉及非兼容性变更；若涉及，已通过相应评审。
+- [x] 不涉及性能或已进行性能测试且无性能劣化。
+- [x] 符合对应的编码规范。
+- [x] 无敏感信息泄露，如密码、密钥等。
+- [x] 不涉及文档更新，或已更新了文档。
+- [x] 针对可测试性要求，已增加必要的自测用例、合理的日志记录或Trace信息。
+- [x] 不存在非法的文件引入，包括图片和代码等
+
+## 变更文件
+
+| 文件 | 变更 | +行 | -行 |
+|------|------|-----|-----|
+| `src/Camera.tsx` | ? | +1 | -2 |
+| `src/QRScannerView.js` | ? | +11 | -5 |
+
+## Diff
+
+### `src/Camera.tsx`
+
+```diff
+@@ -82,7 +82,6 @@ export const ComponentCamera = (props) => {
+ 
+ const styles = StyleSheet.create({
+   camera: {
+-    width: '100%',
+-    aspectRatio: 3 / 4,
++   flex: 1,
+   },
+ });
+
+
+```
+
+### `src/QRScannerView.js`
+
+```diff
+@@ -10,7 +10,8 @@ import {
+   Vibration,
+   Platform,
+   PixelRatio,
+-  StatusBar
++  StatusBar,
++  Dimensions
+ } from 'react-native';
+ /**
+  * Scanning Interface Mask
+@@ -46,11 +47,13 @@ export default class QRScannerView extends Component {
+ 
+   constructor(props) {
+     super(props);
++    const { width, height } = Dimensions.get('window');
+     this.state = {
+       topWidth: 0,
+       topHeight: 0,
+       leftWidth: 0,
+-      animatedValue: new Animated.Value(0)
++      animatedValue: new Animated.Value(0),
++      isLandscape: width > height,
+     }
+     this.isClosed = false;
+   }
+@@ -101,7 +104,8 @@ export default class QRScannerView extends Component {
+   //Measure the size of the entire scanning component
+   measureTotalSize = (e) => {
+     let totalSize = e.layout;
+-    this.setState({ topWidth: totalSize.width })
++    const isLandscape = totalSize.width > totalSize.height;
++    this.setState({ topWidth: totalSize.width, isLandscape })
+   }
+ 
+   //Measure the position of the scan frame
+@@ -298,9 +302,11 @@ export default class QRScannerView extends Component {
+         <View
+           style={{
+             position: 'absolute',
+-            bottom: this.props.hintTextPosition
++            ...(this.state.isLandscape
++              ? { top: this.getBottomMaskHeight() - this.props.finderY + 10, left: 0, right: 0, alignItems: 'center' }
++              : { bottom: this.props.hintTextPosition })
+           }}>
+-          <Text style={[this.props.hintTextStyle, { top: this.props.finderY, left: this.props.finderX }]}>{this.props.hintText}</Text>
++          <Text style={[this.props.hintTextStyle, !this.state.isLandscape ? { top: this.props.finderY, left: this.props.finderX } : {}]}>{this.props.hintText}</Text>
+         </View>
+ 
+       </View>
+
+```