android - 在带有角度的 nativescript 中，当键盘打开时，它将我的元素(操作栏)推出屏幕(ANDROID)

Question

我在使用 Angular 的 nativescript 中使用 android 键盘时遇到问题。

我正在尝试制作类似 whatsapp 的消息服务，但当我尝试在 Android 上写消息时遇到问题。

here's my interface (forget the paint S image)

当我点击输入区域时，我有这个

when my keyboard is open

如您所见，我的 ListView 和操作栏像输入区域一样被推送。但是，在我制作的另一个应用程序上，我没有这个问题(只有输入 aera 被推送)

before tapping

after tapping

这里是html代码:

<ActionBar title="{{other.name}}"
           class="app-action-bar">
    <NavigationButton text=""
                      android.systemIcon="ic_menu_back"
                      (tap)="goback()"></NavigationButton>
</ActionBar>

<GridLayout rows="*, auto">
    <ListView #chatBox
              separatorColor="transparent"
              [items]="messages"
              (loaded)="scrollChatToBottom()"
              row="0"
              style="height:100%"
              (tap)="hidekeyboard()">

        <ng-template let-item="item">
            <GridLayout class="bubble-container">
                <StackLayout isUserInteractionEnabled="false"
                             [class]="bubbleClass(item)">
                    <StackLayout orientation="horizontal">
                        <Image src="res://ic_trombone"
                               class="icon-attach"
                               *ngIf="item.attachment"></Image>
                        <Label editable="false"
                               class="message-content"
                               textWrap="true"
                               [text]="item.content"></Label>
                    </StackLayout>
                    <Label [text]="item.date | timeAgo"
                           class="message-date"></Label>
                </StackLayout>
                <Label editable="false"
                       *ngIf="item.sender.name != 'Moi' && item.sender.name != mename "
                       [style.background-color]="item.sender.pictureUrl"
                       [style.color]="getBestcontrastColor(other.pictureUrl)"
                       class="content-avatar"
                       text="{{makeinitial(other.name)}}"></Label>
            </GridLayout>
        </ng-template>
    </ListView>

    <StackLayout row="1"
                 *ngIf="status!='résolu'"
                 class="background">
        <GridLayout rows="*,*"
                    class="message-box">

            <GridLayout row="0"
                        columns="*,auto"
                        class="message-box-field">
                <Image *ngIf="newMessage.text.length==0"
                       class="fa attach"
                       src="res://ic_trombone"
                       col="0">
                </Image>
                <TextView #newMessage
                          editable="true"
                          (focus)="onfocused()"
                          hint="Write a message..."
                          textWrap="true"
                          [(ngModel)]="newMessage.text"
                          (ngModelChange)="textChanged($event)"
                          [style.height]="textHeight"
                          [style.width]="textWidth"
                          class="write-message-field"
                          col="1"></TextView>
            </GridLayout>


            <GridLayout row="1"
                        *ngIf="newMessage.text.length>0"
                        columns="*,*"
                        class="action-container">
                <Image class="fa attach"
                       src="res://ic_trombone"
                       col="0">
                </Image>


                <Image col="1"
                       (tap)="sendMessage()"
                       src="res://ic_arrow_up"
                       class="fa arrow">
                </Image>
            </GridLayout>



        </GridLayout>
    </StackLayout>





</GridLayout>

对于 Android，TextHeigh 始终为“自动”。当用户键入时，TextWidth 从 85% 变为 100%。

所以，我不明白为什么我的操作栏和 ListView 会被推送到这个应用程序上......请...

Answer 1

对我来说它在文件中:App_Ressources/Android/values/styles.xml，我在 <item name="android:windowFullscreen">false</item> 中将 true 更改为 false

它有效