diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md index 1d369acc9b3289cb22abffd568dec959c6bcf6db..f88cbe395e17e5597867929041fed6f40f1c2aa6 100644 --- a/zh-cn/react-native-gesture-handler.md +++ b/zh-cn/react-native-gesture-handler.md @@ -104,6 +104,8 @@ export default function App() { Version > @react-native-ohos/react-native-gesture-handler@2.14.18，已适配codegen-lib生成桥接代码。 +> [!TIP] V2.23.2 不需要执行 Codegen。 + 本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md index fea48563b2f622073945f91a7d04733bdcd3b09d..fafa6c834de41d468416c9dc9ab8e83e0e55d748 100644 --- a/zh-cn/react-native-pager-view.md +++ b/zh-cn/react-native-pager-view.md @@ -56,10 +56,10 @@ import PagerView from "react-native-pager-view"; const MyPager = () => { return ( - + First page - + Second page @@ -70,7 +70,14 @@ const styles = StyleSheet.create({ pagerView: { flex: 1, }, + page: { + justifyContent: 'center', + alignItems: 'center', + flex: 1, + }, }); + +export default MyPager; ``` ## Link diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md index 25245a6e687cc13b2535acf9febb70342642762c..49acc963871273ee12ed7705184e278fc4ea8fe1 100644 --- a/zh-cn/react-native-picker-picker.md +++ b/zh-cn/react-native-picker-picker.md @@ -50,8 +50,7 @@ yarn add @react-native-ohos/picker ```js import * as React from "react"; -import { Picker } from "picker"; - +import { Picker } from "@react-native-picker/picker"; import { View } from "react-native"; export const PickerExample = ()=>{ @@ -74,6 +73,8 @@ export const PickerExample = ()=>{ 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 +> [!TIP] V2.11.2 不需要执行 Codegen。 + ## Link | | 是否支持autolink | RN框架版本 | @@ -137,7 +138,7 @@ ohpm install ### 3.配置 CMakeLists 和引入 PickerPackge -> 若使用的是 <= 2.6.3 版本，请跳过本章。 +> 若使用的是 <= 2.6.3 版本，请跳过本章。 打开 `entry/src/main/cpp/CMakeLists.txt`，添加： diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md index 854cc5d0872f35f97b7239d93c9e6d272588bbb6..9bd4887c7416882f7bf56b76900bddfc45e6f33b 100644 --- a/zh-cn/react-native-reanimated.md +++ b/zh-cn/react-native-reanimated.md @@ -299,11 +299,11 @@ ohpm install | `measure` | measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread. | function | No | All | yes | | `Easing` | easing set motion trajectory | function | No | All | yes | | `useAnimatedKeyboard` | useAnimatedKeyboard lets you create animations based on state and height of the virtual keyboard. | function | No | All | yes | -| `useComposedEventHandler`3.18.0+ | This is a hook that lets you compose useEvent-based event handlers (such as useAnimatedScrollHandler or your own custom ones) into a single, combined event handler. | function | No | All | yes | -| `makeMutable`3.18.0+ | makeMutable is a function internally used by the useSharedValue hook to create a shared value | function | No | All | yes | -| `ReducedMotionConfig`3.18.0+ | change behavior in response to the device's reduced motion accessibility setting. | function | No | All | yes | -| `useAnimatedGestureHandler`deprecated from 3.18.0 | lets you create animations based on gesture handlers. | function | No | All | No | -| `useScrollViewOffset` | lets you to create animations based on the offset of a ScrollView.

3.6.0:useScrollViewOffset(aref: RefObject) => [SharedValue\];
3.18.0:useScrollViewOffset(animatedRef: AnimatedRef\, providedOffset?: SharedValue\): SharedValue\; | function | No | All | yes | +| `useComposedEventHandler`3.18.1+ | This is a hook that lets you compose useEvent-based event handlers (such as useAnimatedScrollHandler or your own custom ones) into a single, combined event handler. | function | No | All | yes | +| `makeMutable`3.18.1+ | makeMutable is a function internally used by the useSharedValue hook to create a shared value | function | No | All | yes | +| `ReducedMotionConfig`3.18.1+ | change behavior in response to the device's reduced motion accessibility setting. | function | No | All | yes | +| `useAnimatedGestureHandler`deprecated from 3.18.1 | lets you create animations based on gesture handlers. | function | No | All | No | +| `useScrollViewOffset` | lets you to create animations based on the offset of a ScrollView.

3.6.0:useScrollViewOffset(aref: RefObject) => [SharedValue\];
3.18.1:useScrollViewOffset(animatedRef: AnimatedRef\, providedOffset?: SharedValue\): SharedValue\; | function | No | All | yes | ## 属性 @@ -311,40 +311,44 @@ ohpm install | Name | Description | Type | Required | Platform | HarmonyOS Support | | ----------------------- | ------------------------------------------------------------ | ---------------- | -------- | --------------- | ------------------ | -| clamp3.18.0+ | Limit of the scope of movement. If your spring would exceed this limit, then `dampingRatio` will be reduced (to make the spring less bouncy) | [number, number] | No | Android and iOS | yes | +| clamp3.18.1+ | Limit of the scope of movement. If your spring would exceed this limit, then `dampingRatio` will be reduced (to make the spring less bouncy) | [number, number] | No | Android and iOS | yes | **SharedValue** | Name | Description | Type | Required | Platform | HarmonyOS Support | | --------------------- | ------------------------------------------------------------ | -------- | -------- | --------------- | ------------------ | -| get3.18.0+ | Returns current value | function | No | Android and iOS | yes | -| set3.18.0+ | Updates stored value (supports direct value or updater function) | function | No | Android and iOS | yes | -| addListener | Registers value change listener

3.6.0:addListener:(listenerID: number, listener: (value: any) => void) => void;
3.18.0:addListener:(listenerID: number, listener: (value: Value) => void) => void; | function | No | Android and iOS | yes | -| modify | Applies transformation to current value

3.6.0:modify:(modifier?: (value: any) => any, forceUpdate?: boolean) => void;
3.18.0:modify:(modifier?: \(value: T) => T, forceUpdate?: boolean) => void; | Object | No | Android and iOS | yes | +| get3.18.1+ | Returns current value | function | No | Android and iOS | yes | +| set3.18.1+ | Updates stored value (supports direct value or updater function) | function | No | Android and iOS | yes | +| addListener | Registers value change listener

3.6.0:addListener:(listenerID: number, listener: (value: any) => void) => void;
3.18.1:addListener:(listenerID: number, listener: (value: Value) => void) => void; | function | No | Android and iOS | yes | +| modify | Applies transformation to current value

3.6.0:modify:(modifier?: (value: any) => any, forceUpdate?: boolean) => void;
3.18.1:modify:(modifier?: \(value: T) => T, forceUpdate?: boolean) => void; | Object | No | Android and iOS | yes | **DerivedValue** | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------------------------------------ | --------------------------- | -------- | -------- | --------------- | ------------------ | -| setdeprecated from 3.18.0 | Derived values are readonly | function | No | Android and iOS | No | +| setdeprecated from 3.18.1 | Derived values are readonly | function | No | Android and iOS | No | **CurrentLayoutAnimationsValues** +> [!TIP] currentBorderRadius：reanimate三方库文档中有，但是代码中没有实现。 + | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------------------------------------- | --------------------- | ------ | -------- | --------------- | ------------------ | -| currentBorderRadius3.18.0+ | Border radius of view | number | No | Android and iOS | No | +| currentBorderRadius3.18.1+ | Border radius of view | number | No | Android and iOS | No | **EntryAnimationsValues** +[!TIP] targetBorderRadius：reanimate三方库文档中有，但是代码中没有实现。 + | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------------------------------------ | --------------------- | ------ | -------- | --------------- | ------------------ | -| targetBorderRadius3.18.0+ | Border radius of view | number | No | Android and iOS | No | +| targetBorderRadius3.18.1+ | Border radius of view | number | No | Android and iOS | No | **itemLayoutAnimation** | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------------------------------------- | ----------------------------------------- | --------------- | -------- | --------------- | ------------------ | -| itemLayoutAnimation3.18.0+ | Defines layout transitions for list items | LayoutAnimation | No | Android and iOS | yes | +| itemLayoutAnimation3.18.1+ | Defines layout transitions for list items | LayoutAnimation | No | Android and iOS | yes | ## 遗留问题 diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md index 59acf3d8a15e60ea41e7b8703bcc8d1c0758de1b..634ad80e96c8f8bfbf0a17046b058dbf4490ba24 100644 --- a/zh-cn/react-native-webview.md +++ b/zh-cn/react-native-webview.md @@ -322,6 +322,10 @@ ohpm install | `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO | | `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes | | `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes | +| paymentRequestEnabled13.15.1+ | Whether or not the webview has the Payment Request API enabled.The default value is `false`. | boolean | No | Android | No | +| allowsPictureInPictureMediaPlayback13.15.1+ | Boolean value that indicates whether HTML5 videos can play Picture in Picture.The default value is `false`. | boolean | No | Android | No | +| refreshControlLightMode13.15.1+ | (ios only) Boolean value that determines whether the refresh control color is white or not.The default value is `false`. | boolean | No | iOS | No | +| indicatorStyle 13.15.1+ | The colorstyle of the scroll indicator. | string | No | iOS, Android | No | ## 事件回调 @@ -368,6 +372,7 @@ ohpm install - [ ] webview 部分属性未实现 HarmonyOS 化[issue#17](https://gitcode.com/openharmony-sig/rntpc_react-native-webview/issues/17) - [ ] webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200) +- [ ] V13.15.1 新增属性未实现 HarmonyOS 化[issue#2](https://gitcode.com/openharmony-sig/rntpc_react-native-webview/issues/2) - [X] 中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18) ## 其他 diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md index e04bd9b40df95c9ecd88b857ea97e446da933c93..dadd23a27adbb12e87639106c7bc2a2c0be89c31 100644 --- a/zh-cn/shopify-flash-list.md +++ b/zh-cn/shopify-flash-list.md @@ -113,6 +113,7 @@ const MyList = () => { ```json "dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", "@react-native-ohos/flash-list": "file:../../node_modules/@react-native-ohos/flash-list/harmony/flash_list.har" } ```