ios - Nativescript:在 iOS 上显示软件键盘时如何折叠 View ？

Question

我有一个聊天屏幕，当文本字段聚焦时，iOS 软键盘出现。它与 View 重叠，文本字段和发送按钮被隐藏。有没有办法以外部 GridView 高度等于 GridView 高度 - 软键盘高度的方式折叠 View ？这将允许所有元素可见。

这是我的 xml 布局:

<Page id="main"
  xmlns="http://www.nativescript.org/tns.xsd"
  navigatingTo="onNavigatingTo">

        <GridLayout rows="auto, auto, *, auto, auto">

            <!-- Title -->
            <Label text="{{ L('chat', 'title') }}" class="title title-bar" row="0"/>
            <StackLayout class="line" row="1"/>

            <ListView id="messagesList" items="{{ messages }}" separatorColor="transparent" row="2">
                <ListView.itemTemplate>
                    <GridLayout columns="auto * auto" class="chat-item">
                        <Label text="{{ getChatUserName(isUser) }}" class="chat-avatar"
                               col="{{ isUser ? '2' : '0' }}"/>
                        <Label text="{{ message }}"
                               class="{{ isUser ? 'chat-message chat-message-user' : 'chat-message' }}"
                               textWrap="true" col="1"/>
                    </GridLayout>
                </ListView.itemTemplate>
            </ListView>

            <TextField text="{{ messageToSend }}" hint="{{ L('chat', 'text_hint') }}" row="3" returnPress="{{ send }}"/>
            <Button text="{{ L('chat', 'send_btn') }}" class="footer-grey-button-wrapper footer-grey-button"
                    tap="{{ send }}" col="0" row="4"/>

        </GridLayout>

</Page>

Answer 1

你可以使用这个专为 iOS 设计的插件来防止键盘与 View 重叠

https://www.npmjs.com/package/nativescript-iqkeyboardmanager