{"_id":"@bingtang-rn/react-native-screen-corner-radius","_rev":"2-4eb886845777ab05bf0d6fbef58f603a","name":"@bingtang-rn/react-native-screen-corner-radius","dist-tags":{"latest":"0.2.4"},"versions":{"0.2.3":{"name":"@bingtang-rn/react-native-screen-corner-radius","version":"0.2.3","keywords":["react-native","harmony","harmonyos","react-native-screen-corner-radius"],"license":"MIT","_id":"@bingtang-rn/react-native-screen-corner-radius@0.2.3","maintainers":[{"name":"luyizouyuan","email":"189605613@qq.com"}],"homepage":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","dist":{"shasum":"7e378a65a4e3fe3b5811d82c4667769853287fee","tarball":"https://registry.npmjs.org/@bingtang-rn/react-native-screen-corner-radius/-/react-native-screen-corner-radius-0.2.3.tgz","fileCount":29,"integrity":"sha512-g9C4vTJS4tFoSx+sdr8Q6Bp3U5Sg62BG6+1q4UHKNYdJy412ThYVs8apNCihbZz1MURYB1V0xQ4GjPHeOiiNBg==","signatures":[{"sig":"MEUCIDkCo+XytVALF51iU4zQ8yy0AYIeTBLoXyiLrRszQvxPAiEAyxetuHHbav8BVg3TddcGZy9DwfzazRPtR7jeKea76rU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32482},"main":"./src/index.ts","module":"./src/index.ts","engines":{"node":">=18"},"gitHead":"290c7c5225b153d37873244bcfb0e5e3b44e48f2","harmony":{"alias":"react-native-screen-corner-radius","autolinking":{"ohPackageName":"@oh-rn/react-native-screen-corner-radius","cppPackageClassName":"ScreenCornerRadiusPackage","etsPackageClassName":"ScreenCornerRadiusPackage","cmakeLibraryTargetName":"screen_corner_radius"},"codegenConfig":[{"version":1,"specPaths":["./src/specs/v1"]}]},"private":false,"scripts":{"prepare":"echo skip","codegen-lib":"react-native codegen-harmony --cpp-output-path ./harmony/screen_corner_radius/src/main/cpp/generated --ets-output-path ./harmony/screen_corner_radius/src/main/ets/generated"},"_npmUser":{"name":"luyizouyuan","email":"189605613@qq.com"},"repository":{"url":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","type":"git"},"_npmVersion":"11.12.1","description":"适配鸿蒙版本，提供react_native_screen_corner_radius组件。","directories":{},"_nodeVersion":"24.15.0","react-native":"./src/index.ts","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","metro":"^0.81.0","react":"18.2.0","typescript":"5.0.4","@types/react":"18.2.79","react-native":"0.72.5","@react-native/typescript-config":"0.79.5","@react-native-oh/react-native-harmony-cli":"^0.77.50"},"peerDependencies":{"react-native":">=0.72"},"_npmOperationalInternal":{"tmp":"tmp/react-native-screen-corner-radius_0.2.3_1785417653102_0.32187239335485596","host":"s3://npm-registry-packages-npm-production"}},"0.2.4":{"_id":"@bingtang-rn/react-native-screen-corner-radius@0.2.4","dist":{"shasum":"8f18004bd7d5818890f239567ec5589be6d25e9a","tarball":"https://registry.npmjs.org/@bingtang-rn/react-native-screen-corner-radius/-/react-native-screen-corner-radius-0.2.4.tgz","fileCount":29,"integrity":"sha512-CKKWbYc/Akw3Tiaw8QdzUIJGaFEwD1OyDM+HTAvkSEvzbwV2AXVi59tV5D+9Edr9Ev4QXKWs+OsFw8bEyZ4Vrw==","signatures":[{"sig":"MEYCIQCkhQpxtBGOIUfH8AAWAOVr3zcnhSn2KDgSniO+U7dCtgIhAOR03u48nvWR5z17bzcipvgSGgJzbfSXvdh3ACTB432j","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDUatq9N+ObO14H/2wzT85HfF1BbICmHKr06FqXmDzpOQIhAIpvU+0aJSycEKEE6D4BT96N83C/DvyEiNe8eehsxiJC"}],"unpackedSize":32657},"main":"./src/index.ts","name":"@bingtang-rn/react-native-screen-corner-radius","_from":"file:bingtang-rn-react-native-screen-corner-radius-0.2.4.tgz","module":"./src/index.ts","engines":{"node":">=18"},"harmony":{"alias":"react-native-screen-corner-radius","autolinking":{"ohPackageName":"@bingtang-rn/react-native-screen-corner-radius","cppPackageClassName":"ScreenCornerRadiusPackage","etsPackageClassName":"ScreenCornerRadiusPackage","cmakeLibraryTargetName":"screen_corner_radius"},"codegenConfig":[{"version":1,"specPaths":["./src/specs/v1"]}]},"license":"MIT","private":false,"scripts":{"prepare":"echo skip","codegen-lib":"react-native codegen-harmony --cpp-output-path ./harmony/screen_corner_radius/src/main/cpp/generated --ets-output-path ./harmony/screen_corner_radius/src/main/ets/generated"},"version":"0.2.4","_npmUser":{"name":"luyizouyuan","email":"189605613@qq.com"},"homepage":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","keywords":["react-native","harmony","harmonyos","react-native-screen-corner-radius"],"_resolved":"D:\\code\\rn\\npm\\batch\\react_native_screen_corner_radius\\bingtang-rn-react-native-screen-corner-radius-0.2.4.tgz","_integrity":"sha512-CKKWbYc/Akw3Tiaw8QdzUIJGaFEwD1OyDM+HTAvkSEvzbwV2AXVi59tV5D+9Edr9Ev4QXKWs+OsFw8bEyZ4Vrw==","repository":{"url":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","type":"git"},"_npmVersion":"11.12.1","description":"适配鸿蒙版本，提供react_native_screen_corner_radius组件。","directories":{},"maintainers":[{"name":"luyizouyuan","email":"189605613@qq.com"}],"_nodeVersion":"24.15.0","react-native":"./src/index.ts","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.6.3","metro":"^0.81.0","react":"18.2.0","typescript":"5.0.4","@types/react":"18.2.79","react-native":"0.72.5","@react-native/typescript-config":"0.79.5","@react-native-oh/react-native-harmony-cli":"^0.77.50"},"peerDependencies":{"react-native":">=0.72"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-screen-corner-radius_0.2.4_1790569469049_0.05811180965823626"}}},"time":{"created":"2026-07-30T13:20:52.754Z","modified":"2026-09-28T04:24:29.311Z","0.2.3":"2026-07-30T13:20:53.239Z","0.2.4":"2026-09-28T04:24:29.142Z"},"license":"MIT","homepage":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","keywords":["react-native","harmony","harmonyos","react-native-screen-corner-radius"],"repository":{"url":"https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius","type":"git"},"description":"适配鸿蒙版本，提供react_native_screen_corner_radius组件。","maintainers":[{"name":"luyizouyuan","email":"189605613@qq.com"}],"readme":"# @bingtang-rn/react-native-screen-corner-radius for HarmonyOS\r\n\r\n本项目基于 [react-native-screen-corner-radius](https://github.com/mrousavy/react-native-screen-corner-radius) 开发，为 React Native 鸿蒙（OpenHarmony）适配版本。如果在使用过程中有任何问题，可以在GitCode提Issue，会及时跟进。issue地址：[issues](https://gitcode.com/rn_ohos_plugin/react_native_screen_corner_radius/issues)。\r\n\r\n## 版本对应关系\r\n\r\n| 鸿蒙适配包版本 | 原始库版本 | 支持 RN 版本 | Autolink | 编译 API 版本 |\r\n| ------------ | ---------- | ------------ | -------- | ------------- |\r\n| 见发布记录 | 0.2.3 | 0.72+ | 是 | API17+ |\r\n\r\n## 安装\r\n\r\n```bash\r\nnpm install @bingtang-rn/react-native-screen-corner-radius\r\n```\r\n\r\n## 使用\r\n\r\n```tsx\r\nimport { ScreenCornerRadius, IsScreenRounded } from 'react-native-screen-corner-radius';\r\n\r\nconsole.log('Corner radius:', ScreenCornerRadius); // e.g. 56 (px)\r\nconsole.log('Is rounded:', IsScreenRounded);       // true or false\r\n```\r\n\r\n> import 时使用原库名 `'react-native-screen-corner-radius'`，而非鸿蒙包名。\r\n\r\n**平台差异**：\r\n- HarmonyOS 上 `ScreenCornerRadius` 使用 `@ohos.display.getRoundedCorner()`（API17+），低版本设备返回 `0`\r\n- 单位为 `px`，与 Android 端一致；iOS 端单位为 `pts`\r\n\r\n**权限要求**：\r\n- 本库不需要任何权限声明\r\n\r\n## Link\r\n\r\n| 版本 | 是否支持 Autolink |\r\n|------|------------------|\r\n| 当前版本 | 是 |\r\n\r\n如使用版本支持 Autolink 且工程已接入，可跳过手动配置。\r\n\r\n<details>\r\n<summary>Manual Link 配置</summary>\r\n\r\n> **说明**：本模块需要同时在 C++ 侧和 ETS 侧注册 Package。\r\n\r\n### 1. Overrides RN SDK\r\n\r\n在工程根目录 `oh-package.json5` 添加：\r\n\r\n```json\r\n{\r\n  \"overrides\": {\r\n    \"@rnoh/react-native-openharmony\": \"./react_native_openharmony\"\r\n  }\r\n}\r\n```\r\n\r\n### 2. 引入原生端依赖\r\n\r\n打开 `entry/oh-package.json5`，添加：\r\n\r\n```json\r\n\"dependencies\": {\r\n  \"@bingtang-rn/react-native-screen-corner-radius\": \"file:../../node_modules/@bingtang-rn/react-native-screen-corner-radius/harmony/screen_corner_radius.har\"\r\n}\r\n```\r\n\r\n执行 `ohpm install`。\r\n\r\n### 3. 配置 CMakeLists\r\n\r\n打开 `entry/src/main/cpp/CMakeLists.txt`，添加：\r\n\r\n```cmake\r\nset(OH_MODULES \"${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules\")\r\n\r\nadd_subdirectory(\"${OH_MODULES}/@bingtang-rn/react-native-screen-corner-radius/src/main/cpp\" ./screen_corner_radius)\r\n\r\ntarget_link_libraries(rnoh_app PUBLIC screen_corner_radius)\r\n```\r\n\r\n### 4. 注册 Package（C++ 侧）\r\n\r\n打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：\r\n\r\n```cpp\r\n#include \"ScreenCornerRadiusPackage.h\"\r\n\r\nstd::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {\r\n    return {\r\n        std::make_shared<ScreenCornerRadiusPackage>(ctx),\r\n    };\r\n}\r\n```\r\n\r\n### 5. 注册 Package（ETS 侧）\r\n\r\n打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：\r\n\r\n```typescript\r\nimport { ScreenCornerRadiusPackage } from '@bingtang-rn/react-native-screen-corner-radius/ts';\r\n\r\nexport function createRNPackages(ctx: RNPackageContext): RNPackage[] {\r\n  return [\r\n    new ScreenCornerRadiusPackage(ctx),\r\n  ];\r\n}\r\n```\r\n\r\n</details>\r\n\r\n## 属性 / API\r\n\r\n| API | 描述 | 参数 | 返回值 | HarmonyOS 支持 |\r\n|-----|------|------|--------|----------------|\r\n| ScreenCornerRadius | 屏幕圆角半径值 | 无 | number | ⚠️ 部分支持（API17+ 设备返回真实值，低版本返回 0） |\r\n| IsScreenRounded | 屏幕是否有圆角 | 无 | boolean | ⚠️ 部分支持（派生自 ScreenCornerRadius，受其限制） |\r\n\r\n### 平台差异\r\n- `ScreenCornerRadius`：HarmonyOS 使用 `display.getDefaultDisplaySync().getRoundedCorner()` 获取，API17+ 才可用；Android 使用 `RoundedCorner` API（API17+）；iOS 使用 `UIScreen._displayCornerRadius`（私有 API）\r\n- 虚拟屏和未配置圆角的物理屏返回 `0`\r\n\r\n### 未实现功能\r\n无\r\n\r\n### 使用限制\r\n- `getRoundedCorner()` 需要 API17+，低于此版本的设备调用会抛 801 错误，已通过 try-catch 降级返回 `0`\r\n\r\n## 快速验证（运行 Example）\r\n\r\n### 前置条件\r\n\r\n| 依赖 | 版本要求 |\r\n|------|----------|\r\n| Node.js | >= 18 |\r\n| DevEco Studio | 5.0+ / 6.0+ |\r\n| HarmonyOS SDK | API 17+ |\r\n\r\n### 运行步骤\r\n\r\n**1. 克隆仓库**\r\n\r\n```bash\r\ngit clone <仓库地址>\r\ncd <仓库目录>\r\n```\r\n\r\n**2. 安装依赖并构建**\r\n\r\n```bash\r\nnpm install --legacy-peer-deps\r\nnpm pack           # 生成 tgz 包（会自动触发 prepare 构建 JS 产物）\r\n```\r\n\r\n**3. 进入 example 目录，安装依赖**\r\n\r\n```bash\r\ncd example\r\nnpm install --legacy-peer-deps\r\n```\r\n\r\n**4. 生成 JS Bundle**\r\n\r\n```bash\r\nnpm run dev\r\n```\r\n\r\n产物：`harmony/entry/src/main/resources/rawfile/bundle.harmony.js`\r\n\r\n**5. 用 DevEco Studio 打开鸿蒙工程**\r\n\r\n- 打开 DevEco Studio\r\n- 选择 `example/harmony` 目录\r\n- 等待 Sync 完成\r\n\r\n**6. 编译并运行 HAP**\r\n\r\n在 DevEco Studio 中点击运行按钮，将 HAP 安装到设备/模拟器。\r\n\r\n> **注意**：Example 中已预置插件依赖和 Package 注册，无需手动配置 Link。\r\n\r\n## 约束与限制\r\n\r\n### 兼容性\r\n\r\n- RNOH: 0.72+\r\n- HarmonyOS SDK: API 17+\r\n- DevEco Studio: 5.0+\r\n\r\n## 遗留问题\r\n\r\n无\r\n\r\n## 开源协议\r\n\r\n本项目基于 MIT，详见 [LICENSE](./LICENSE) 文件。\r\n","readmeFilename":"README.md"}