react-native 在Android上,`keyboardDidChangeFrame` 和 `keyboardWillChangeFrame` 事件不会触发,

bvhaajcl  于 3个月前  发布在  React
关注(0)|答案(7)|浏览(73)

描述

当更改Android键盘高度时,keyboardDidChangeFramekeyboardWillChangeFrame都不会触发。此外,<KeyboardAvoidingView />也不会应用这种高度变化。

重现步骤

  1. 使用'yarn android'安装应用程序
  2. 用安卓设备打开应用程序
  3. 选择第一个输入框(keyboardType="email")
  4. 选择第二个输入框(keyboardType="numeric")
  5. 您可以看到KeyboardAvoidingView的填充(或高度)没有改变,事件也没有触发。
  6. 当您将键盘更改为表情符号键盘时,也会出现这种情况。

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

截图和视频

  • 无响应*
ymzxtsji

ymzxtsji1#

⚠️React Native的新版本可用!
i️您正在使用受支持的次要版本,但似乎有一个更新的补丁可用 - 0.73.7。请升级到您次要版本的最高补丁或最新版本,并验证问题是否仍然存在(或者,创建一个新项目并在其中重现问题)。如果无法重现,请告知我们,以便我们关闭此问题。这有助于确保我们关注仍在最近版本中存在的问题。
fjnneemd

fjnneemd2#

⚠️ React Native的新版本可用!
i️ 您当前使用的是受支持的次要版本,但似乎有一个更新的补丁可用 - 0.73.7。请升级到您次要版本的最高补丁或最新版本,并验证问题是否仍然存在(或者,创建一个新项目并在其中重现问题)。如果无法重现,请告知我们,以便我们关闭此问题。这有助于确保我们关注仍在最近版本中存在的问题。
在snack中,问题出现在最新版本

ajsxfq5m

ajsxfq5m3#

是否有进展?
或者至少删除 New Patch Available 标签?
⚠️ 新的 React Native 版本可用!
i️ 您正在使用受支持的次要版本,但似乎有一个更新的补丁可用 - 0.73.7。请尝试升级到您次要版本的最高补丁或最新版本,并验证问题是否仍然存在(或者,创建一个新项目并在其中重现问题)。如果无法重现,请告知我们,以便我们关闭此问题。这有助于确保我们关注最近发布的版本中仍然存在的问题。
在 snack 上,问题出现在最新版本

py49o6xq

py49o6xq4#

根据documentation,仅keyboardDidShowkeyboardDidHide事件可在Android上使用。

yxyvkwin

yxyvkwin5#

@kunalchavhan 正如我提到的,核心问题是 KeyboardAvoidingView 由于缺少 keyboardDidChangeFrame 事件而无法响应 Android 键盘高度的变化。即使它能触发这个事件,当用户切换到表情键盘或其他特殊键盘(如 GIF 键盘)时,它仍然无法调整到不同的键盘高度。
由于这些不便,我觉得在使用 React-Native 提供的 KeyboardAvoidingView 时受到限制,因此改用 react-native-keyboard-controller 库。

axzmvihb

axzmvihb6#

对于我来说,切换也没有在Android + RN 74上触发键盘更改。

x6yk4ghg

x6yk4ghg7#

在React Native版本0.74.1上测试:
无法复现问题。
Android版本:9
请尝试升级您的react-native版本。
Screenrecorder-2024-07-01-23-17-36-503.mp4

相关问题