@react-native-ohos/react-native-keyboard-controller 1.12.8 → 1.12.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.OpenSource +10 -10
- package/README.md +603 -19
- package/harmony/keyboard_controller/BuildProfile.ets +16 -16
- package/harmony/keyboard_controller/Index.ets +8 -29
- package/harmony/keyboard_controller/ResourceTable.txt +8 -8
- package/harmony/keyboard_controller/build-profile.json5 +31 -31
- package/harmony/keyboard_controller/hvigorfile.ts +6 -6
- package/harmony/keyboard_controller/obfuscation-rules.txt +17 -17
- package/harmony/keyboard_controller/oh-package-lock.json5 +28 -18
- package/harmony/keyboard_controller/oh-package.json5 +11 -11
- package/harmony/keyboard_controller/src/main/cpp/CMakeLists.txt +7 -7
- package/harmony/keyboard_controller/src/main/cpp/EventEmitters.cpp +119 -96
- package/harmony/keyboard_controller/src/main/cpp/EventEmitters.h +90 -111
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentDescriptor.h +77 -98
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentInstance.cpp +816 -274
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentInstance.h +147 -101
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewJSIBinder.h +43 -64
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentDescriptor.h +64 -85
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentInstance.cpp +88 -109
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentInstance.h +63 -84
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaJSIBinder.h +39 -60
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardController.cpp +25 -46
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardController.h +27 -48
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardControllerPackage.cpp +43 -64
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardControllerPackage.h +56 -77
- package/harmony/keyboard_controller/src/main/cpp/RNStatusBarManagerCompat.cpp +24 -45
- package/harmony/keyboard_controller/src/main/cpp/RNStatusBarManagerCompat.h +28 -49
- package/harmony/keyboard_controller/src/main/cpp/ViewHierarchyNavigator.cpp +186 -186
- package/harmony/keyboard_controller/src/main/cpp/ViewHierarchyNavigator.h +112 -112
- package/harmony/keyboard_controller/src/main/cpp/keyboardControllerPackage.cpp +43 -64
- package/harmony/keyboard_controller/src/main/cpp/keyboardControllerPackage.h +56 -77
- package/harmony/keyboard_controller/src/main/ets/Logger.ts +45 -66
- package/harmony/keyboard_controller/src/main/ets/RNKeyboardControllerPackage.ets +49 -70
- package/harmony/keyboard_controller/src/main/ets/RNKeyboardControllerTurboModule.ts +405 -245
- package/harmony/keyboard_controller/src/main/ets/RNStatusBarManagerCompatTurboModule.ts +107 -119
- package/harmony/keyboard_controller/src/main/ets/Type.ts +41 -62
- package/harmony/keyboard_controller/src/main/module.json +29 -29
- package/harmony/keyboard_controller/src/main/module.json5 +11 -11
- package/harmony/keyboard_controller/src/main/resources/base/element/string.json +8 -8
- package/harmony/keyboard_controller/src/main/resources/en_US/element/string.json +8 -8
- package/harmony/keyboard_controller/src/main/resources/zh_CN/element/string.json +8 -8
- package/harmony/keyboard_controller/ts.ets +8 -29
- package/harmony/keyboard_controller.har +0 -0
- package/lib/commonjs/animated.js +4 -16
- package/lib/commonjs/animated.js.map +1 -1
- package/lib/commonjs/bindings.js +3 -3
- package/lib/commonjs/bindings.js.map +1 -1
- package/lib/commonjs/bindings.native.js +3 -3
- package/lib/commonjs/bindings.native.js.map +1 -1
- package/lib/commonjs/components/KeyboardAvoidingView/hooks.js.map +1 -1
- package/lib/commonjs/components/KeyboardAvoidingView/index.js +3 -3
- package/lib/commonjs/components/KeyboardAvoidingView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js +43 -41
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js +3 -3
- package/lib/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/utils.js.map +1 -1
- package/lib/commonjs/components/KeyboardStickyView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/Arrow.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/Button.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/colors.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/colors.native.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/index.js +3 -3
- package/lib/commonjs/components/KeyboardToolbar/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/types.js.map +1 -1
- package/lib/commonjs/components/hooks/useColorScheme.js.map +1 -1
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/context.js.map +1 -1
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useWindowDimensions/index.android.js.map +1 -1
- package/lib/commonjs/hooks/useWindowDimensions/index.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/internal.js +18 -18
- package/lib/commonjs/internal.js.map +1 -1
- package/lib/commonjs/monkey-patch.android.js +4 -4
- package/lib/commonjs/monkey-patch.android.js.map +1 -1
- package/lib/commonjs/monkey-patch.js.map +1 -1
- package/lib/commonjs/reanimated.js.map +1 -1
- package/lib/commonjs/reanimated.native.js.map +1 -1
- package/lib/commonjs/specs/KeyboardControllerViewNativeComponent.js.map +1 -1
- package/lib/commonjs/specs/KeyboardGestureAreaNativeComponent.js.map +1 -1
- package/lib/commonjs/specs/NativeKeyboardController.js.map +1 -1
- package/lib/commonjs/specs/NativeStatusBarManagerCompat.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/module/animated.js +5 -17
- package/lib/module/animated.js.map +1 -1
- package/lib/module/bindings.js +3 -3
- package/lib/module/bindings.js.map +1 -1
- package/lib/module/bindings.native.js +3 -3
- package/lib/module/bindings.native.js.map +1 -1
- package/lib/module/components/KeyboardAvoidingView/hooks.js.map +1 -1
- package/lib/module/components/KeyboardAvoidingView/index.js +3 -3
- package/lib/module/components/KeyboardAvoidingView/index.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/index.js +44 -42
- package/lib/module/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js +3 -3
- package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/utils.js.map +1 -1
- package/lib/module/components/KeyboardStickyView/index.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/Arrow.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/Button.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/colors.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/colors.native.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/index.js +3 -3
- package/lib/module/components/KeyboardToolbar/index.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/types.js.map +1 -1
- package/lib/module/components/hooks/useColorScheme.js.map +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/constants.js.map +1 -1
- package/lib/module/context.js.map +1 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useWindowDimensions/index.android.js.map +1 -1
- package/lib/module/hooks/useWindowDimensions/index.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/internal.js +18 -18
- package/lib/module/internal.js.map +1 -1
- package/lib/module/monkey-patch.android.js +4 -4
- package/lib/module/monkey-patch.android.js.map +1 -1
- package/lib/module/monkey-patch.js.map +1 -1
- package/lib/module/reanimated.js.map +1 -1
- package/lib/module/reanimated.native.js.map +1 -1
- package/lib/module/specs/KeyboardControllerViewNativeComponent.js.map +1 -1
- package/lib/module/specs/KeyboardGestureAreaNativeComponent.js.map +1 -1
- package/lib/module/specs/NativeKeyboardController.js.map +1 -1
- package/lib/module/specs/NativeStatusBarManagerCompat.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/types.d.ts +1 -0
- package/package.json +181 -178
- package/src/animated.tsx +246 -253
- package/src/bindings.native.ts +57 -57
- package/src/bindings.ts +38 -38
- package/src/components/KeyboardAvoidingView/hooks.ts +58 -58
- package/src/components/KeyboardAvoidingView/index.tsx +156 -156
- package/src/components/KeyboardAwareScrollView/index.tsx +381 -373
- package/src/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.ts +133 -133
- package/src/components/KeyboardAwareScrollView/utils.ts +41 -41
- package/src/components/KeyboardStickyView/index.tsx +57 -57
- package/src/components/KeyboardToolbar/Arrow.tsx +80 -80
- package/src/components/KeyboardToolbar/Button.tsx +98 -98
- package/src/components/KeyboardToolbar/colors.native.ts +37 -37
- package/src/components/KeyboardToolbar/colors.ts +16 -16
- package/src/components/KeyboardToolbar/index.tsx +211 -211
- package/src/components/KeyboardToolbar/types.ts +40 -40
- package/src/components/hooks/useColorScheme.ts +5 -5
- package/src/components/index.ts +11 -11
- package/src/constants.ts +19 -19
- package/src/context.ts +65 -65
- package/src/hooks/index.ts +90 -90
- package/src/hooks/useWindowDimensions/index.android.ts +33 -33
- package/src/hooks/useWindowDimensions/index.ts +1 -1
- package/src/index.ts +21 -21
- package/src/internal.ts +84 -84
- package/src/monkey-patch.android.ts +44 -44
- package/src/monkey-patch.ts +4 -4
- package/src/reanimated.native.ts +132 -132
- package/src/reanimated.ts +29 -29
- package/src/specs/KeyboardControllerViewNativeComponent.ts +70 -70
- package/src/specs/KeyboardGestureAreaNativeComponent.ts +15 -15
- package/src/specs/NativeKeyboardController.ts +19 -19
- package/src/specs/NativeStatusBarManagerCompat.ts +14 -14
- package/src/types.ts +212 -211
- package/src/utils.ts +1 -1
package/README.md
CHANGED
|
@@ -1,19 +1,603 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
[
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
> 文档模板:v0.4.2
|
|
2
|
+
|
|
3
|
+
<p align="center">
|
|
4
|
+
<h1 align="center"> <code>react-native-keyboard-controller</code> </h1>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
本项目基于 [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) 开发。
|
|
8
|
+
|
|
9
|
+
该第三方库的仓库已迁移至 Gitcode,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-keyboard-controller`。版本所属关系如下:
|
|
10
|
+
|
|
11
|
+
| 三方库名称 | 三方库版本(npm地址) | 发布信息 | 支持RN版本 | Autolink | 编译API版本 | 社区基线版本 | 源码地址 |
|
|
12
|
+
| ---------- | --------------------- | -------- | ---------- | -------- | ----------- | ------------ | -------- |
|
|
13
|
+
| @react-native-ohos/react-native-keyboard-controller | [~1.12.8](https://www.npmjs.com/package/@react-native-ohos/react-native-keyboard-controller) | [Gitcode Releases](https://gitcode.com/CPF-RN/rntpc_react-native-keyboard-controller/releases) | 0.72.* | 是 | API12+ | 1.12.7 | [br_rnoh0.72](https://gitcode.com/CPF-RN/rntpc_react-native-keyboard-controller/tree/br_rnoh0.72) |
|
|
14
|
+
| @react-native-oh-tpl/react-native-keyboard-controller | [<=1.12.7-0.0.5@deprecated](https://www.npmjs.com/package/@react-native-oh-tpl/react-native-keyboard-controller) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases) | 0.72.* | 否 | API12+ | 1.12.7 | [sig](https://github.com/react-native-oh-library/react-native-keyboard-controller/tree/sig) |
|
|
15
|
+
|
|
16
|
+
## 简介
|
|
17
|
+
|
|
18
|
+
React Native 生态中用于精细控制键盘行为的增强库。<br/>
|
|
19
|
+
核心功能是解决原生键盘交互的局限性,提供键盘弹出/收起的动画联动、高度监听、自定义工具栏及键盘避让等能力!<br/>
|
|
20
|
+
帮助开发者轻松构建流畅、无缝的键盘联动输入体验。
|
|
21
|
+
|
|
22
|
+
## 下载安装
|
|
23
|
+
|
|
24
|
+
进入到工程目录并输入以下命令:
|
|
25
|
+
|
|
26
|
+
<!-- tabs:start -->
|
|
27
|
+
|
|
28
|
+
#### **npm**
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
npm install @react-native-ohos/react-native-keyboard-controller
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
#### **yarn**
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
yarn add @react-native-ohos/react-native-keyboard-controller
|
|
38
|
+
```
|
|
39
|
+
<!-- tabs:end -->
|
|
40
|
+
|
|
41
|
+
另外本库依赖三方库[react-native-reanimated](https://gitcode.com/CPF-RN/rntpc_react-native-reanimated),请按照[react-native-reanimated指导文档](https://gitcode.com/OpenHarmony-RN/usage-docs/blob/master/zh-cn/react-native-reanimated.md)引入此依赖库。
|
|
42
|
+
|
|
43
|
+
## Link
|
|
44
|
+
|
|
45
|
+
| | 是否支持autolink | RN框架版本 |
|
|
46
|
+
|-------------------------------|------------------|-----------|
|
|
47
|
+
| ~1.12.8 | Yes | 0.72 |
|
|
48
|
+
| <= 1.12.7-0.0.5@deprecated | No | 0.72 |
|
|
49
|
+
|
|
50
|
+
使用AutoLink的工程需要根据该文档配置,Autolink框架指导文档:https://gitcode.com/CPF-RN/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md
|
|
51
|
+
|
|
52
|
+
如您使用的版本支持 Autolink,并且工程已接入 Autolink,可跳过ManualLink配置。
|
|
53
|
+
<details>
|
|
54
|
+
<summary>ManualLink: 此步骤为手动配置原生依赖项的指导</summary>
|
|
55
|
+
|
|
56
|
+
首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
|
|
57
|
+
|
|
58
|
+
### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
|
|
59
|
+
|
|
60
|
+
为了让工程依赖同一个版本的 RN SDK,需要在工程根目录的 `oh-package.json5` 添加 overrides 字段,指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号,也可以是一个模糊版本,还可以是本地存在的 HAR 包或源码目录。
|
|
61
|
+
|
|
62
|
+
关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
|
|
63
|
+
|
|
64
|
+
```json
|
|
65
|
+
{
|
|
66
|
+
"overrides": {
|
|
67
|
+
"@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
|
|
68
|
+
// "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
|
|
69
|
+
// "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
### 引入原生端代码
|
|
75
|
+
|
|
76
|
+
目前有两种方法:
|
|
77
|
+
|
|
78
|
+
1. 通过 har 包引入(在 IDE 完善相关功能后该方法会被遗弃,目前首选此方法);
|
|
79
|
+
|
|
80
|
+
2. 直接链接源码。
|
|
81
|
+
|
|
82
|
+
方法一:通过 har 包引入(推荐)
|
|
83
|
+
|
|
84
|
+
> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
|
|
85
|
+
|
|
86
|
+
打开 `entry/oh-package.json5`,添加以下依赖
|
|
87
|
+
|
|
88
|
+
```json
|
|
89
|
+
|
|
90
|
+
"dependencies": {
|
|
91
|
+
"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
|
|
92
|
+
"@react-native-ohos/react-native-keyboard-controller": "file:../../node_modules/@react-native-ohos/react-native-keyboard-controller/harmony/keyboard_controller.har"
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
点击右上角的 `sync` 按钮
|
|
98
|
+
|
|
99
|
+
或者在终端执行:
|
|
100
|
+
|
|
101
|
+
```bash
|
|
102
|
+
cd entry
|
|
103
|
+
ohpm install
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
方法二:直接链接源码
|
|
107
|
+
|
|
108
|
+
> [!TIP] 如需使用直接链接源码,请参考[直接链接源码说明](https://gitcode.com/CPF-RN/usage-docs/blob/master/zh-cn/link-source-code.md)
|
|
109
|
+
|
|
110
|
+
### 配置 CMakeLists 和引入 RNKeyboardControllerPackage
|
|
111
|
+
|
|
112
|
+
> 若使用的是 <= 1.12.7-0.0.5 版本,请跳过本章
|
|
113
|
+
|
|
114
|
+
打开 `entry/src/main/cpp/CMakeLists.txt`,添加:
|
|
115
|
+
|
|
116
|
+
```diff
|
|
117
|
+
project(rnapp)
|
|
118
|
+
cmake_minimum_required(VERSION 3.4.1)
|
|
119
|
+
set(CMAKE_SKIP_BUILD_RPATH TRUE)
|
|
120
|
+
set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
|
|
121
|
+
set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
|
|
122
|
+
+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
|
|
123
|
+
set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
|
|
124
|
+
set(LOG_VERBOSITY_LEVEL 1)
|
|
125
|
+
set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
|
|
126
|
+
set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
|
|
127
|
+
set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
|
|
128
|
+
add_compile_definitions(WITH_HITRACE_SYSTRACE)
|
|
129
|
+
|
|
130
|
+
add_subdirectory("${RNOH_CPP_DIR}" ./rn)
|
|
131
|
+
|
|
132
|
+
# RNOH_BEGIN: manual_package_linking_1
|
|
133
|
+
add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
|
|
134
|
+
|
|
135
|
+
+ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-keyboard-controller/src/main/cpp" ./keyboard-controller)
|
|
136
|
+
|
|
137
|
+
# RNOH_END: manual_package_linking_1
|
|
138
|
+
|
|
139
|
+
file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
|
|
140
|
+
|
|
141
|
+
add_library(rnoh_app SHARED
|
|
142
|
+
${GENERATED_CPP_FILES}
|
|
143
|
+
"./PackageProvider.cpp"
|
|
144
|
+
"${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
|
|
145
|
+
)
|
|
146
|
+
target_link_libraries(rnoh_app PUBLIC rnoh)
|
|
147
|
+
|
|
148
|
+
# RNOH_BEGIN: manual_package_linking_2
|
|
149
|
+
target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
|
|
150
|
+
+ target_link_libraries(rnoh_app PUBLIC rnoh_keyboard_controller)
|
|
151
|
+
# RNOH_END: manual_package_linking_2
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
打开 `entry/src/main/cpp/PackageProvider.cpp`,添加:
|
|
155
|
+
|
|
156
|
+
```diff
|
|
157
|
+
#include "RNOH/PackageProvider.h"
|
|
158
|
+
#include "generated/RNOHGeneratedPackage.h"
|
|
159
|
+
#include "SamplePackage.h"
|
|
160
|
+
+ #include "keyboardControllerPackage.h"
|
|
161
|
+
|
|
162
|
+
using namespace rnoh;
|
|
163
|
+
|
|
164
|
+
std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
|
|
165
|
+
return {
|
|
166
|
+
std::make_shared<RNOHGeneratedPackage>(ctx),
|
|
167
|
+
std::make_shared<SamplePackage>(ctx),
|
|
168
|
+
+ std::make_shared<KeyboardControllerPackage>(ctx),
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
### 在 ArkTS 侧引入 RNKeyboardControllerPackage
|
|
174
|
+
|
|
175
|
+
打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加:
|
|
176
|
+
|
|
177
|
+
```diff
|
|
178
|
+
+ import { RNKeyboardControllerPackage } from "@react-native-ohos/react-native-keyboard-controller/ts";
|
|
179
|
+
|
|
180
|
+
export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
|
|
181
|
+
return [
|
|
182
|
+
new SamplePackage(ctx),
|
|
183
|
+
+ new RNKeyboardControllerPackage(ctx)
|
|
184
|
+
];
|
|
185
|
+
}
|
|
186
|
+
```
|
|
187
|
+
</details>
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
### 运行
|
|
191
|
+
|
|
192
|
+
点击右上角的 `sync` 按钮
|
|
193
|
+
|
|
194
|
+
或者在终端执行:
|
|
195
|
+
|
|
196
|
+
```bash
|
|
197
|
+
cd entry
|
|
198
|
+
ohpm install
|
|
199
|
+
```
|
|
200
|
+
|
|
201
|
+
然后编译、运行即可。
|
|
202
|
+
|
|
203
|
+
## 约束与限制
|
|
204
|
+
|
|
205
|
+
### 兼容性
|
|
206
|
+
|
|
207
|
+
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
|
|
208
|
+
|
|
209
|
+
在以下版本验证通过:
|
|
210
|
+
|
|
211
|
+
1. RNOH: 0.72.130; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112;
|
|
212
|
+
2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
|
|
213
|
+
|
|
214
|
+
### 编译运行API要求
|
|
215
|
+
|
|
216
|
+
> [!TIP] 当前分支版本支持在 `API12+` 工程编译,及 `API12+` ROM运行。
|
|
217
|
+
|
|
218
|
+
> [!TIP] 以下功能依赖特定版本的API,使用 `低于指定API版本的工程编译` 或 `低于指定API版本的ROM运行` 均可能导致部分功能受限。
|
|
219
|
+
1. 版本 >=1.12.8 for 0.72引入[OH_ArkUI_FocusRequest](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/capi-native-interface-focus-h#oh_arkui_focusrequest),实现了 `onNextCallback?: () => void` 和 `onPrevCallback?: () => void` 功能,此API需要在支持`API15+`的工程编译,并在支持`API15+`的ROM上运行,方可生效。
|
|
220
|
+
2. 版本 >=1.12.9 for 0.72引入了[on('keyboardWillShow')](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-window-window#onkeyboardwillshow20)和[on('keyboardWillHide')](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/arkts-apis-window-window#onkeyboardwillhide20),实现了`KeyboardEvents`中的`keyboardWillShow`键盘将要显示事件和`keyboardWillHide`键盘将要隐藏事件功能,这些API需要在支持`API20+`的工程编译,并在支持`API20+`的ROM上运行,方可生效。
|
|
221
|
+
|
|
222
|
+
## 使用示例
|
|
223
|
+
|
|
224
|
+
下面的代码展示了这个库的基本使用场景:
|
|
225
|
+
|
|
226
|
+
> [!WARNING] 使用时 import 的库名不变。
|
|
227
|
+
|
|
228
|
+
```js
|
|
229
|
+
import React from 'react';
|
|
230
|
+
import { Text, View, TextInput, TouchableOpacity } from 'react-native';
|
|
231
|
+
import { KeyboardAvoidingView, KeyboardProvider } from 'react-native-keyboard-controller';
|
|
232
|
+
|
|
233
|
+
function App() {
|
|
234
|
+
return (
|
|
235
|
+
<KeyboardProvider>
|
|
236
|
+
<KeyboardAvoidingView
|
|
237
|
+
style={{
|
|
238
|
+
padding: 22,
|
|
239
|
+
flex: 1,
|
|
240
|
+
justifyContent: 'space-between',
|
|
241
|
+
}}>
|
|
242
|
+
<Text
|
|
243
|
+
style={{
|
|
244
|
+
color: 'black',
|
|
245
|
+
fontSize: 25,
|
|
246
|
+
marginTop: 100,
|
|
247
|
+
fontWeight: '500',
|
|
248
|
+
}}>
|
|
249
|
+
react-native-keyboard-controller
|
|
250
|
+
</Text>
|
|
251
|
+
<View>
|
|
252
|
+
<TextInput
|
|
253
|
+
placeholder="Username"
|
|
254
|
+
placeholderTextColor="#7C7C7C"
|
|
255
|
+
style={{
|
|
256
|
+
height: 45,
|
|
257
|
+
borderColor: '#000000',
|
|
258
|
+
borderWidth: 1,
|
|
259
|
+
borderRadius: 10,
|
|
260
|
+
marginBottom: 36,
|
|
261
|
+
paddingLeft: 10,
|
|
262
|
+
}}
|
|
263
|
+
/>
|
|
264
|
+
<TextInput
|
|
265
|
+
placeholder="Password"
|
|
266
|
+
placeholderTextColor="#7C7C7C"
|
|
267
|
+
style={{
|
|
268
|
+
height: 45,
|
|
269
|
+
borderColor: '#000000',
|
|
270
|
+
borderWidth: 1,
|
|
271
|
+
borderRadius: 10,
|
|
272
|
+
marginBottom: 36,
|
|
273
|
+
paddingLeft: 10,
|
|
274
|
+
}}
|
|
275
|
+
/>
|
|
276
|
+
<TouchableOpacity
|
|
277
|
+
style={{
|
|
278
|
+
marginTop: 40,
|
|
279
|
+
height: 45,
|
|
280
|
+
borderRadius: 10,
|
|
281
|
+
backgroundColor: 'rgb(40, 64, 147)',
|
|
282
|
+
justifyContent: 'center',
|
|
283
|
+
alignItems: 'center',
|
|
284
|
+
}}>
|
|
285
|
+
<Text style={{ fontWeight: '500', fontSize: 16, color: 'white' }}>
|
|
286
|
+
Submit
|
|
287
|
+
</Text>
|
|
288
|
+
</TouchableOpacity>
|
|
289
|
+
</View>
|
|
290
|
+
</KeyboardAvoidingView>
|
|
291
|
+
</KeyboardProvider>
|
|
292
|
+
);
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
export default App;
|
|
296
|
+
```
|
|
297
|
+
|
|
298
|
+
## API
|
|
299
|
+
|
|
300
|
+
> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
|
|
301
|
+
|
|
302
|
+
> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
|
|
303
|
+
|
|
304
|
+
**Hooks**:键盘控制器相关的钩子函数
|
|
305
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
306
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
307
|
+
| useKeyboardAnimation | 获取键盘动画值的钩子函数 | `() => AnimatedContext` | no | iOS,Android | yes |
|
|
308
|
+
| useReanimatedKeyboardAnimation | 获取键盘动画值的钩子函数 | `() => ReanimatedContext` | no | iOS,Android | yes |
|
|
309
|
+
| useKeyboardHandler | 设置键盘回调事件的钩子函数 | `(handler: KeyboardHandler, deps?: DependencyList) => void` | no | iOS,Android | yes |
|
|
310
|
+
| useKeyboardController | 设置是否启动键盘监听事件的钩子函数 | `() => { enabled: boolean; setEnabled: React.Dispatch<React.SetStateAction<boolean>> }` | no | iOS,Android | yes |
|
|
311
|
+
| useFocusedInputHandler | 设置监听输入框回调事件的钩子函数(HarmonyOS暂支持文本变化的监听) | `(handler?: FocusedInputHandler, deps?: DependencyList) => void` | no | iOS,Android | partially |
|
|
312
|
+
| useReanimatedFocusedInput | 当前聚焦的输入控件文本变化事件回调的钩子函数 | `() => { input: SharedValue<FocusedInputLayoutChangedEvent \| null> }` | no | iOS,Android | no |
|
|
313
|
+
| useResizeMode | 组件挂载时将 Android 输入模式设置为 `adjustResize`,卸载时恢复默认模式 | `() => void` | no | Android | no |
|
|
314
|
+
| useGenericKeyboardHandler | 注册键盘生命周期回调,不修改 Android 输入模式;HarmonyOS 原生仅支持 `onEnd`,`onStart`、`onMove` 不是原生事件,`onInteractive` 不支持 | `(handler: KeyboardHandler, deps?: DependencyList) => void` | no | iOS,Android | partially |
|
|
315
|
+
| useWindowDimensions | 读取并监听窗口宽高变化,使用 React Native 通用实现 | `() => ScaledSize` | no | iOS,Android | yes |
|
|
316
|
+
| useKeyboardContext | 读取键盘动画上下文,用于构建自定义 Hook;必须在 `KeyboardProvider` 内调用 | `() => KeyboardAnimationContext` | no | iOS,Android | yes |
|
|
317
|
+
|
|
318
|
+
**KeyboardController**:键盘控制器
|
|
319
|
+
|
|
320
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
321
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
322
|
+
| setInputMode(mode: number): void | 设置键盘显示默认模式 | function | no | Android | no |
|
|
323
|
+
| setDefaultMode(): void | 设置键盘显示默认模式 | function | no | Android | no |
|
|
324
|
+
| dismiss(): void | 设置键盘隐藏 | function | no | iOS,Android | yes |
|
|
325
|
+
| setFocusTo(direction: "next" \| "prev" \| "current"): void | 将焦点移动到下一个、上一个或当前输入框 | function | no | iOS,Android | no |
|
|
326
|
+
| addListener: (eventName: string) => void | 添加键盘的监听事件 | function | no | iOS,Android | yes |
|
|
327
|
+
| removeListeners: (count: number) => void | 删除键盘的监听事件 | function | no | iOS,Android | yes |
|
|
328
|
+
|
|
329
|
+
**AndroidSoftInputModes**:Android `windowSoftInputMode` 的公共枚举,用于向 `setInputMode` 传入输入法窗口调整模式。该枚举对应 Android `WindowManager.LayoutParams`,HarmonyOS 不适用。
|
|
330
|
+
|
|
331
|
+
| Name | Value | Description | Platform | HarmonyOS Support |
|
|
332
|
+
| ---- | ----- | ----------- | -------- | ----------------- |
|
|
333
|
+
| `SOFT_INPUT_ADJUST_NOTHING` | 48 | 键盘显示时不调整窗口 | Android | no |
|
|
334
|
+
| `SOFT_INPUT_ADJUST_PAN` | 32 | 键盘显示时平移窗口,避免焦点输入框被遮挡 | Android | no |
|
|
335
|
+
| `SOFT_INPUT_ADJUST_RESIZE` | 16 | 键盘显示时调整窗口可用区域大小 | Android | no |
|
|
336
|
+
| `SOFT_INPUT_ADJUST_UNSPECIFIED` | 0 | 由系统自动选择窗口调整方式 | Android | no |
|
|
337
|
+
| `SOFT_INPUT_IS_FORWARD_NAVIGATION` | 256 | 表示窗口由向前导航进入 | Android | no |
|
|
338
|
+
| `SOFT_INPUT_MASK_ADJUST` | 240 | 获取窗口调整方式的位掩码 | Android | no |
|
|
339
|
+
| `SOFT_INPUT_MASK_STATE` | 15 | 获取键盘初始显示状态的位掩码 | Android | no |
|
|
340
|
+
| `SOFT_INPUT_MODE_CHANGED` | 512 | 表示输入模式已经发生变化 | Android | no |
|
|
341
|
+
| `SOFT_INPUT_STATE_ALWAYS_HIDDEN` | 3 | 窗口获得焦点时始终隐藏键盘 | Android | no |
|
|
342
|
+
| `SOFT_INPUT_STATE_ALWAYS_VISIBLE` | 5 | 窗口获得焦点时始终显示键盘 | Android | no |
|
|
343
|
+
| `SOFT_INPUT_STATE_HIDDEN` | 2 | 窗口获得焦点时隐藏键盘 | Android | no |
|
|
344
|
+
| `SOFT_INPUT_STATE_UNCHANGED` | 1 | 保持键盘当前显示状态 | Android | no |
|
|
345
|
+
| `SOFT_INPUT_STATE_UNSPECIFIED` | 0 | 未指定键盘初始显示状态,由系统决定 | Android | no |
|
|
346
|
+
| `SOFT_INPUT_STATE_VISIBLE` | 4 | 窗口获得焦点时显示键盘 | Android | no |
|
|
347
|
+
|
|
348
|
+
**StatusBarManagerCompat**:状态栏控制器
|
|
349
|
+
|
|
350
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
351
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
352
|
+
| setHidden(hidden: boolean): void | 设置状态栏隐藏不可见 | function | no | Android | yes |
|
|
353
|
+
| setColor(color: number, animated: boolean): void | 设置状态栏背景颜色 | function | no | Android | yes |
|
|
354
|
+
| setTranslucent(translucent: boolean): void | 设置状态栏是否透明 | function | no | Android | no |
|
|
355
|
+
| setStyle(style: string): void | 设置状态栏的内容颜色 | function | no | Android | yes |
|
|
356
|
+
|
|
357
|
+
**KeyboardEvents**:监听键盘事件
|
|
358
|
+
|
|
359
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
360
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
361
|
+
| keyboardWillShow | 键盘将要显示事件 | string | no | iOS,Android | yes |
|
|
362
|
+
| keyboardDidShow | 键盘已经显示事件 | string | no | iOS,Android | yes |
|
|
363
|
+
| keyboardWillHide | 键盘将要隐藏事件 | string | no | iOS,Android | yes |
|
|
364
|
+
| keyboardDidHide | 键盘已经隐藏事件 | string | no | iOS,Android | yes |
|
|
365
|
+
|
|
366
|
+
**FocusedInputEvents**:监听聚焦输入框事件
|
|
367
|
+
|
|
368
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
369
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
370
|
+
| focusDidSet | 聚焦输入框事件类型 | string | no | iOS,Android | no |
|
|
371
|
+
|
|
372
|
+
**WindowDimensionsEvents**:监听窗口布局变化事件
|
|
373
|
+
|
|
374
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
375
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
376
|
+
| windowDidResize | 监听窗口事件 | string | no | Android | no |
|
|
377
|
+
|
|
378
|
+
|
|
379
|
+
|
|
380
|
+
|
|
381
|
+
### 组件
|
|
382
|
+
|
|
383
|
+
**KeyboardProvider**:为子组件提供键盘监听、动画状态及运行时控制上下文
|
|
384
|
+
|
|
385
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
386
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
387
|
+
| children | Provider 包裹的子组件 | React.ReactNode | yes | iOS,Android | yes |
|
|
388
|
+
| enabled | 是否在初始化时开启键盘监听 | boolean | no | iOS,Android | yes |
|
|
389
|
+
| statusBarTranslucent | 是否使用透明状态栏,默认值为 `false` | boolean | no | Android | no |
|
|
390
|
+
| navigationBarTranslucent | 是否使用透明导航栏,默认值为 `false` | boolean | no | Android | no |
|
|
391
|
+
|
|
392
|
+
**KeyboardControllerView**:键盘控制器
|
|
393
|
+
|
|
394
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
395
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
396
|
+
| enabled | 是否开启键盘监听事件 | boolean | no | iOS,Android | yes |
|
|
397
|
+
| statusBarTranslucent | 状态栏是否透明 | boolean | no | Android | no |
|
|
398
|
+
| navigationBarTranslucent | 导航栏是否透明 | boolean | no | Android | no |
|
|
399
|
+
| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent > | 键盘开始移动的监听事件 | function | no | iOS,Android | no |
|
|
400
|
+
| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动中的监听事件 | function | no | iOS,Android | no |
|
|
401
|
+
| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动结束的监听事件 | function | no | iOS,Android | yes |
|
|
402
|
+
| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动交互的监听事件 | function | no | iOS,Android | no |
|
|
403
|
+
| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent > | 聚焦输入框位置坐标变化的监听事件 | function | no | iOS,Android | yes |
|
|
404
|
+
| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | 聚焦输入框文本变化的监听事件 | function | no | iOS,Android | yes |
|
|
405
|
+
| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件(HarmonyOS暂支持选区的position,选区坐标默认为0) | function | no | iOS,Android | partially |
|
|
406
|
+
| style | `KeyboardControllerView`的CSS属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no | iOS,Android | yes |
|
|
407
|
+
| children | JSX element 子组件 | JSX.Element | no | iOS,Android | yes |
|
|
408
|
+
|
|
409
|
+
**KeyboardGestureArea**:手势控制键盘组件
|
|
410
|
+
|
|
411
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
412
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
413
|
+
| showOnSwipeUp | 键盘随手势向上滑动显示 | boolean | no | Android | no |
|
|
414
|
+
| enableSwipeToDismiss | 键盘随手势向下滑动隐藏 | boolean | no | Android | no |
|
|
415
|
+
| interpolator | 设置键盘随手势滑动的动画模式 | `"ios" \| "linear"` | no | Android | no |
|
|
416
|
+
|
|
417
|
+
**KeyboardAvoidingView**:键盘控制器的容器组件
|
|
418
|
+
|
|
419
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
420
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
421
|
+
| behavior | 键盘弹起时视图样式变化的模式(HarmonyOS暂支持position) | "height" / "position" / "padding" | no | iOS,Android | partially |
|
|
422
|
+
| contentContainerStyle | 当`behavior`为position时,内容容器的样式 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no | iOS,Android | yes |
|
|
423
|
+
| enabled | 控制这个`KeyboardAvoidingView`实例是否应该生效,默认为true | boolean | no | iOS,Android | yes |
|
|
424
|
+
| keyboardVerticalOffset | 键盘与React Native视图之间的距离,默认为`0` | number | no | iOS,Android | yes |
|
|
425
|
+
| onLayout | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void | function/undefined | no | iOS,Android | yes |
|
|
426
|
+
| style | `KeyboardAvoidingView`的CSS属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no | iOS,Android | yes |
|
|
427
|
+
| children | JSX element 子组件 | JSX.Element | no | iOS,Android | yes |
|
|
428
|
+
|
|
429
|
+
**KeyboardAwareScrollView**:滚动键盘控制器的容器组件
|
|
430
|
+
|
|
431
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
432
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
433
|
+
| bottomOffset | 显示键盘时,键盘与焦点`TextInput`之间的距离。默认值为“0” | number | no | iOS,Android | yes |
|
|
434
|
+
| enabled | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true` | boolean | no | iOS,Android | yes |
|
|
435
|
+
| disableScrollOnKeyboardHide |防止键盘隐藏时`ScrollView`自动滚动,保持当前屏幕位置。默认值为`false`。 | boolean | no | iOS,Android | no |
|
|
436
|
+
| extraKeyboardSpace | KeyboardAwareScrollView的底部间距,默认为0 | number | no | iOS,Android | no |
|
|
437
|
+
| onLayout | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void | function/undefined | no | iOS,Android | yes |
|
|
438
|
+
| style | `KeyboardAwareScrollView`的CSS属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no | iOS,Android | yes |
|
|
439
|
+
| children | JSX element 子组件 | JSX.Element | no | iOS,Android | yes |
|
|
440
|
+
|
|
441
|
+
**KeyboardStickyView**:随键盘移动的粘性视图组件
|
|
442
|
+
|
|
443
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
444
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
445
|
+
| offset | 为给定的键盘状态指定视图的附加偏移 | {closed?: number;opened?: number;} | no | iOS,Android | yes |
|
|
446
|
+
| style | `KeyboardStickyView`的CSS属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no | iOS,Android | yes |
|
|
447
|
+
| children | JSX element 子组件 | JSX.Element | no | iOS,Android | yes |
|
|
448
|
+
|
|
449
|
+
**KeyboardToolbar**:显示在键盘上方的组件,带有 `Prev`/`Next` 和“完成”按钮。
|
|
450
|
+
|
|
451
|
+
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|
|
452
|
+
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
|
|
453
|
+
| `DefaultKeyboardToolbarTheme` | 可直接作为 `KeyboardToolbar` 的 `theme` 属性传入,也可以复制后修改颜色创建自定义主题。该常量为 JavaScript 主题配置。 | `constant` | no | iOS,Android | yes |
|
|
454
|
+
| theme | 工具栏组件使用的一组深色/浅色主题 | {light: Theme; dark: Theme;} | no | iOS,Android | yes |
|
|
455
|
+
| content |显示在工具栏中间的元素 | JSX.Element | no | iOS,Android | yes |
|
|
456
|
+
| doneText | 完成按钮的自定义文本 | React.ReactNode | no | iOS,Android | yes |
|
|
457
|
+
| button | 工具栏的自定义可触摸组件(用于prev/next/done按钮) | React.ReactNode | no | iOS,Android | yes |
|
|
458
|
+
| icon | 用于显示next/prev按钮的自定义图标组件 | React.ReactNode | no | iOS,Android | yes |
|
|
459
|
+
| showArrows | 是否显示下一个和上一个按钮 | boolean | no | iOS,Android | yes |
|
|
460
|
+
| blur | 工具栏聚焦时标题组件 | JSX.Element | no | iOS,Android | yes |
|
|
461
|
+
| opacity | 十六进制格式的容器不透明度值(例如`ff`)。默认值为`ff` | HEX | no | iOS,Android | yes |
|
|
462
|
+
| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。 | function | no | iOS,Android | yes |
|
|
463
|
+
| onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。 | function | no | iOS,Android | yes |
|
|
464
|
+
| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。 | function | no | iOS,Android | yes |
|
|
465
|
+
|
|
466
|
+
## 遗留问题
|
|
467
|
+
|
|
468
|
+
- [ ] 暂不支持KeyboardControllerView中onKeyboardMoveStart、onKeyboardMove和onKeyboardMoveInteractive事件的回调:[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
|
|
469
|
+
- [ ] 暂不支持KeyboardGestureArea组件:[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
|
|
470
|
+
- [ ] 暂不支持hook方法useReanimatedFocusedInput,KeyboardController中setFocusTo,FocusedInputEvents中focusDidSet:[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
|
|
471
|
+
- [ ] KeyboardControllerView中onFocusedInputSelectionChanged事件部分支持,HarmonyOS暂支持选区的position,选区坐标默认为0:[issue#13](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/13)
|
|
472
|
+
- [ ] 暂不支持KeyboardAwareScrollView组件属性disableScrollOnKeyboardHide、extraKeyboardSpace的设置[#issue#16](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/16)
|
|
473
|
+
- [ ] KeyboardAvoidingView属性behavior支持position, 不支持高度height、padding的样式[#issue#13](https://github.com/react-native-oh-library/react-native-harmony-reanimated/issues/13)
|
|
474
|
+
- [ ] 暂不支持 Hook 方法 `useResizeMode`。
|
|
475
|
+
- [ ] Hook 方法 `useGenericKeyboardHandler` 部分支持:HarmonyOS 原生仅支持 `onEnd`,`onStart`、`onMove` 不是原生事件,`onInteractive` 不支持。
|
|
476
|
+
- [ ] 暂不支持 `KeyboardProvider` 的 `statusBarTranslucent` 和 `navigationBarTranslucent` 属性。
|
|
477
|
+
## 其他
|
|
478
|
+
|
|
479
|
+
无
|
|
480
|
+
|
|
481
|
+
## 目录结构
|
|
482
|
+
|
|
483
|
+
```text
|
|
484
|
+
/rntpc_react-native-keyboard-controller # 项目根目录
|
|
485
|
+
│ LICENSE
|
|
486
|
+
│ OAT.xml
|
|
487
|
+
│ package.json # NPM、Bob、Codegen 与 HarmonyOS Autolink 配置
|
|
488
|
+
│ README.md
|
|
489
|
+
│ README.OpenSource
|
|
490
|
+
│ buildEnv.sh
|
|
491
|
+
│ tsconfig.json
|
|
492
|
+
│ tsconfig.build.json
|
|
493
|
+
│
|
|
494
|
+
├─example # React Native / HarmonyOS 示例工程
|
|
495
|
+
│ │ app.json
|
|
496
|
+
│ │ index.js
|
|
497
|
+
│ │ package.json
|
|
498
|
+
│ │
|
|
499
|
+
│ ├─src
|
|
500
|
+
│ │ index.tsx # 示例业务入口
|
|
501
|
+
│ │
|
|
502
|
+
│ └─harmony # HarmonyOS 示例宿主工程
|
|
503
|
+
│ └─entry
|
|
504
|
+
│ └─src
|
|
505
|
+
│ └─main
|
|
506
|
+
│ │ module.json5
|
|
507
|
+
│ ├─cpp
|
|
508
|
+
│ │ CMakeLists.txt
|
|
509
|
+
│ │ PackageProvider.cpp # C++ Package 注册入口
|
|
510
|
+
│ └─ets
|
|
511
|
+
│ │ RNPackagesFactory.ets # ArkTS Package 注册入口
|
|
512
|
+
│ ├─entryability
|
|
513
|
+
│ │ EntryAbility.ets
|
|
514
|
+
│ └─pages
|
|
515
|
+
│ Index.ets
|
|
516
|
+
│
|
|
517
|
+
├─harmony
|
|
518
|
+
│ │ keyboard_controller.har # 编译后的 HAR 包
|
|
519
|
+
│ │
|
|
520
|
+
│ └─keyboard_controller # HarmonyOS 适配核心代码
|
|
521
|
+
│ │ build-profile.json5
|
|
522
|
+
│ │ hvigorfile.ts
|
|
523
|
+
│ │ Index.ets # HAR 对外导出入口
|
|
524
|
+
│ │ obfuscation-rules.txt
|
|
525
|
+
│ │ oh-package.json5
|
|
526
|
+
│ │ ts.ets # RNOH 代码生成配置入口
|
|
527
|
+
│ │
|
|
528
|
+
│ └─src
|
|
529
|
+
│ └─main
|
|
530
|
+
│ │ module.json
|
|
531
|
+
│ │ module.json5
|
|
532
|
+
│ │
|
|
533
|
+
│ ├─cpp # RNOH C++ / Fabric 原生层
|
|
534
|
+
│ │ │ CMakeLists.txt
|
|
535
|
+
│ │ │ RNKeyboardControllerPackage.cpp
|
|
536
|
+
│ │ │ RNKeyboardControllerPackage.h
|
|
537
|
+
│ │ │ keyboardControllerPackage.cpp
|
|
538
|
+
│ │ │ keyboardControllerPackage.h
|
|
539
|
+
│ │ │ RNKeyboardController.cpp # KeyboardController TurboModule 映射
|
|
540
|
+
│ │ │ RNKeyboardController.h
|
|
541
|
+
│ │ │ RNStatusBarManagerCompat.cpp
|
|
542
|
+
│ │ │ RNStatusBarManagerCompat.h
|
|
543
|
+
│ │ │ EventEmitters.cpp
|
|
544
|
+
│ │ │ EventEmitters.h
|
|
545
|
+
│ │ │ ViewHierarchyNavigator.cpp # 输入框层级遍历与焦点导航
|
|
546
|
+
│ │ │ ViewHierarchyNavigator.h
|
|
547
|
+
│ │ │
|
|
548
|
+
│ │ ├─KeyboardControllerViewComponentInstance.cpp
|
|
549
|
+
│ │ ├─KeyboardControllerViewComponentInstance.h
|
|
550
|
+
│ │ ├─KeyboardControllerViewComponentDescriptor.h
|
|
551
|
+
│ │ ├─KeyboardControllerViewJSIBinder.h
|
|
552
|
+
│ │ ├─KeyboardGestureAreaComponentInstance.cpp
|
|
553
|
+
│ │ ├─KeyboardGestureAreaComponentInstance.h
|
|
554
|
+
│ │ ├─KeyboardGestureAreaComponentDescriptor.h
|
|
555
|
+
│ │ └─KeyboardGestureAreaJSIBinder.h
|
|
556
|
+
│ │
|
|
557
|
+
│ ├─ets # ArkTS TurboModule 业务层
|
|
558
|
+
│ │ Logger.ts
|
|
559
|
+
│ │ Type.ts
|
|
560
|
+
│ │ RNKeyboardControllerPackage.ets
|
|
561
|
+
│ │ RNKeyboardControllerTurboModule.ts
|
|
562
|
+
│ │ RNStatusBarManagerCompatTurboModule.ts
|
|
563
|
+
│ │
|
|
564
|
+
│ └─resources # 多语言字符串资源
|
|
565
|
+
│
|
|
566
|
+
└─src # JavaScript / TypeScript 公共层
|
|
567
|
+
│ index.ts # 库统一导出入口
|
|
568
|
+
│ bindings.ts
|
|
569
|
+
│ bindings.native.ts # 原生模块、事件与 Fabric 组件绑定
|
|
570
|
+
│ animated.tsx # 键盘动画值与事件处理
|
|
571
|
+
│ context.ts # KeyboardProvider 上下文
|
|
572
|
+
│ constants.ts
|
|
573
|
+
│ internal.ts
|
|
574
|
+
│ reanimated.ts
|
|
575
|
+
│ reanimated.native.ts
|
|
576
|
+
│ types.ts
|
|
577
|
+
│ utils.ts
|
|
578
|
+
│
|
|
579
|
+
├─specs # TurboModule / Fabric Codegen 规格
|
|
580
|
+
│ NativeKeyboardController.ts
|
|
581
|
+
│ NativeStatusBarManagerCompat.ts
|
|
582
|
+
│ KeyboardControllerViewNativeComponent.ts
|
|
583
|
+
│ KeyboardGestureAreaNativeComponent.ts
|
|
584
|
+
│
|
|
585
|
+
├─hooks
|
|
586
|
+
│ └─useWindowDimensions
|
|
587
|
+
│ index.ts
|
|
588
|
+
│ index.android.ts
|
|
589
|
+
│
|
|
590
|
+
└─components
|
|
591
|
+
├─KeyboardAvoidingView # 键盘避让容器
|
|
592
|
+
├─KeyboardAwareScrollView # 键盘感知滚动容器
|
|
593
|
+
├─KeyboardStickyView # 随键盘移动的粘性视图
|
|
594
|
+
└─KeyboardToolbar # 键盘工具栏
|
|
595
|
+
```
|
|
596
|
+
|
|
597
|
+
## 贡献代码
|
|
598
|
+
|
|
599
|
+
使用过程中发现任何问题都可以提交 [Issue](https://gitcode.com/CPF-RN/rntpc_react-native-keyboard-controller/issues),也欢迎提交 [PR](https://gitcode.com/CPF-RN/rntpc_react-native-keyboard-controller/pulls)。
|
|
600
|
+
|
|
601
|
+
## 开源协议
|
|
602
|
+
|
|
603
|
+
本项目基于 [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE) ,请自由地享受和参与开源。
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Use these variables when you tailor your ArkTS code. They must be of the const type.
|
|
3
|
-
*/
|
|
4
|
-
export const HAR_VERSION = '1.12.
|
|
5
|
-
export const BUILD_MODE_NAME = 'debug';
|
|
6
|
-
export const DEBUG = true;
|
|
7
|
-
export const TARGET_NAME = 'default';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* BuildProfile Class is used only for compatibility purposes.
|
|
11
|
-
*/
|
|
12
|
-
export default class BuildProfile {
|
|
13
|
-
static readonly HAR_VERSION = HAR_VERSION;
|
|
14
|
-
static readonly BUILD_MODE_NAME = BUILD_MODE_NAME;
|
|
15
|
-
static readonly DEBUG = DEBUG;
|
|
16
|
-
static readonly TARGET_NAME = TARGET_NAME;
|
|
1
|
+
/**
|
|
2
|
+
* Use these variables when you tailor your ArkTS code. They must be of the const type.
|
|
3
|
+
*/
|
|
4
|
+
export const HAR_VERSION = '1.12.9';
|
|
5
|
+
export const BUILD_MODE_NAME = 'debug';
|
|
6
|
+
export const DEBUG = true;
|
|
7
|
+
export const TARGET_NAME = 'default';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* BuildProfile Class is used only for compatibility purposes.
|
|
11
|
+
*/
|
|
12
|
+
export default class BuildProfile {
|
|
13
|
+
static readonly HAR_VERSION = HAR_VERSION;
|
|
14
|
+
static readonly BUILD_MODE_NAME = BUILD_MODE_NAME;
|
|
15
|
+
static readonly DEBUG = DEBUG;
|
|
16
|
+
static readonly TARGET_NAME = TARGET_NAME;
|
|
17
17
|
}
|