描述
当更改Android键盘高度时,keyboardDidChangeFrame
和keyboardWillChangeFrame
都不会触发。此外,<KeyboardAvoidingView />
也不会应用这种高度变化。
重现步骤
- 使用'yarn android'安装应用程序
- 用安卓设备打开应用程序
- 选择第一个输入框(
keyboardType="email"
) - 选择第二个输入框(
keyboardType="numeric"
) - 您可以看到KeyboardAvoidingView的填充(或高度)没有改变,事件也没有触发。
- 当您将键盘更改为表情符号键盘时,也会出现这种情况。
React Native版本
0.73.6
受影响的平台
运行时 - Android
npx react-native info
的输出
WARNING: You should run npx react-native@latest to ensure you're always using the most current version of the CLI. NPX has cached version (0.73.6) != current release (0.74.0)
info Fetching system and libraries information...
System:
OS: macOS 14.4.1
CPU: (10) arm64 Apple M1 Pro
Memory: 153.73 MB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.5.1
path: ~/.nvm/versions/node/v20.5.1/bin/node
Yarn:
version: 4.0.2
path: ~/.nvm/versions/node/v20.5.1/bin/yarn
npm:
version: 10.2.1
path: ~/.nvm/versions/node/v20.5.1/bin/npm
Watchman:
version: 2024.03.25.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.15.2
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 23.4
- iOS 17.4
- macOS 14.4
- tvOS 17.4
- visionOS 1.1
- watchOS 10.4
Android SDK:
API Levels:
- "33"
- "34"
Build Tools:
- 33.0.0
- 33.0.1
- 34.0.0
System Images:
- android-33 | Google APIs ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2023.1 AI-231.9392.1.2311.11330709
Xcode:
version: 15.3/15E204a
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.10
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react: Not Found
react-native: Not Found
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false
info React Native v0.74.0 is now available (your project is running on v0.73.6).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.74.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.74.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".
堆栈跟踪或日志
-
重现器
https://snack.expo.dev/NySnoeN9qggfNwiGi5hyg
截图和视频
- 无响应*
7条答案
按热度按时间ymzxtsji1#
fjnneemd2#
⚠️ React Native的新版本可用!
i️ 您当前使用的是受支持的次要版本,但似乎有一个更新的补丁可用 - 0.73.7。请升级到您次要版本的最高补丁或最新版本,并验证问题是否仍然存在(或者,创建一个新项目并在其中重现问题)。如果无法重现,请告知我们,以便我们关闭此问题。这有助于确保我们关注仍在最近版本中存在的问题。
在snack中,问题出现在最新版本
ajsxfq5m3#
是否有进展?
或者至少删除
New Patch Available
标签?⚠️ 新的 React Native 版本可用!
i️ 您正在使用受支持的次要版本,但似乎有一个更新的补丁可用 - 0.73.7。请尝试升级到您次要版本的最高补丁或最新版本,并验证问题是否仍然存在(或者,创建一个新项目并在其中重现问题)。如果无法重现,请告知我们,以便我们关闭此问题。这有助于确保我们关注最近发布的版本中仍然存在的问题。
在 snack 上,问题出现在最新版本
py49o6xq4#
根据documentation,仅
keyboardDidShow
和keyboardDidHide
事件可在Android上使用。yxyvkwin5#
@kunalchavhan 正如我提到的,核心问题是
KeyboardAvoidingView
由于缺少keyboardDidChangeFrame
事件而无法响应 Android 键盘高度的变化。即使它能触发这个事件,当用户切换到表情键盘或其他特殊键盘(如 GIF 键盘)时,它仍然无法调整到不同的键盘高度。由于这些不便,我觉得在使用 React-Native 提供的
KeyboardAvoidingView
时受到限制,因此改用 react-native-keyboard-controller 库。axzmvihb6#
对于我来说,切换也没有在Android + RN 74上触发键盘更改。
x6yk4ghg7#
在React Native版本0.74.1上测试:
无法复现问题。
Android版本:9
请尝试升级您的react-native版本。
Screenrecorder-2024-07-01-23-17-36-503.mp4