React Native 键盘白色闪烁

问题描述 投票:0回答:4

在我的 React Native 应用程序中显示和隐藏键盘时,键盘所在的位置会出现白色闪烁,请参阅以下内容:

https://photos.app.goo.gl/Bwmin9T1R4OAO9tB3

我正在使用 React Native 制作我的第一个应用程序,所以我不确定这是否是“预期”行为(如果这只是 React Native 的样子)或者是否有什么我可以修复它。

  • 从动画图标到美元字段的所有内容都是 包裹在
    <KeyboardAvoidingView behavior="padding">
    (我试过 删除它,仍然看到闪烁)。
  • 我使用“react-native”中的
    Keyboard
    来监听“keyboardDidShow”和“keyboardDidHide”,并使用“react-native”中的
    Animated
    在图标上执行动画。
android reactjs animation react-native flicker
4个回答
4
投票

如果您正在使用 Expo 并且仍然遇到此问题,请更改

softwareKeyboardLayoutMode
中的
app.json
对我有用。

"android": {
    "softwareKeyboardLayoutMode": "pan",
    ...(other properties)
}

1
投票

更新到使用 Expo 的新版本

create-react-native-app
似乎已经解决了这个问题。


0
投票

如果您使用的是 Expo,您可以使用名为

expo-system-ui
的库来设置背景颜色:

import * as SystemUI from 'expo-system-ui';
//...
await SystemUI.setBackgroundColorAsync("black");

文档


-1
投票

使用

android:windowSoftInputMode="adjustPan"
为我修复了它。

在此评论中找到解决方案。

© www.soinside.com 2019 - 2024. All rights reserved.