NativeScript Angular-页脚显示在键盘上方

Question

在NativeScript Angular中，我有一个包含以下代码的页面：

<DockLayout stretchLastChild="true" height=100%>
    <Button dock="bottom" text="bottom" style="background-color: #AA0078;"></Button>
    <TextField dock="top" hint="Search" textFieldHintColor="black"></TextField>
    <Button text="fill" style="background-color: #CCFFFF;"></Button>
</DockLayout>

看起来像这样：

Image: Footer is docked to bottom of the page

但是，当键盘出现时，页脚会随着页面大小的调整而显示在键盘上方。 取而代之的是，我希望页脚保持在原处，在键盘下方不可见。

Image: Footer appears above keyboard

我尝试将高度设置为“ screen.mainScreen.heightDIPs”，但此返回值实际上是错误的（比一台设备上的实际应用程序窗口高度高80 DIP）。

谢谢

Answer 1

在windowSoftInputMode中的NativeScriptActivity上将adjustPan设置为/App_Resources/Android/src/main/AndroidManifest.xml

<activity android:name="com.tns.NativeScriptActivity" 
          android:windowSoftInputMode="adjustPan"
          ...>

这可以防止在显示软键盘时调整窗口大小。这是Android特有的，在iOS上不会发生。