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"，但这个returns的值实际上是错误的（它比实际应用window一台设备上的高度高约80 DIP） .

谢谢

Answer 1

在 /App_Resources/Android/src/main/AndroidManifest.xml

中的 NativeScriptActivity 上将 windowSoftInputMode 设置为 adjustPan

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

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

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

NativeScript Angular - Footer Displayed Above Keyboard

footer

nativescript

nativescript-angular