javascript - 在 NativeScript 应用程序中与 TextField 交互时停止键盘覆盖

Question

在使用用户可以输入的 NativeScript 应用程序 View 时， native 应用程序键盘输入覆盖 TextField 组件。虽然这不会阻止用户输入文本，但它会扰乱用户体验流程，并且从 UI 的 Angular 来看看起来很糟糕。

如何让键盘不覆盖输入，而是像其他 native 应用程序一样出现在输入下方？

更新 2

现在它不再覆盖，我注意到当我离开应用程序切换到另一个应用程序或暂停 NativeScript 应用程序时，当我回到它时问题再次出现。我该怎么做才能坚持原来的行为？

Answer 1

我也遇到了同样的问题，

TNS Version: 6.3.0
Android Version: 9
Using RadSideDrawer with nativescript angular

添加以下内容对我不起作用

 <application
    ...
    android:windowSoftInputMode="stateHidden | adjustPan">

不是在application中添加android:windowSoftInputMode，而是在activity中添加，检查以下内容。

<activity
    ...
    android:windowSoftInputMode="adjustResize">

还需要更新style.xml，在LaunchScreenThemeBase中添加如下内容

    <item name="android:fitsSystemWindows">true</item>

这将解决键盘覆盖问题，但会产生另一个问题，导致状态栏/操作栏在显示键盘时改变高度。要解决这个问题，请将以下内容放入 AppThemeBase 的 style.xml 中(以更正状态栏的颜色)

    <item name="android:windowBackground">@color/ns_primary</item>

在_app-common.scss(去除多余空间)

    .action-bar {
      margin-top:-22;  
    }