Keyboard plugin over ion-list elements (does not a

2019-08-21 01:27发布

问题:

The problem is that no padding is added when the keyboard is open, although scrollPadding is set to true I am using this plugin on an Ionic 3 / Angular 5 project.

The keyboard plugin is:

<plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.3" />

And I have set:

scrollPadding: true,
scrollAssist: true

And also

<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
    <activity android:windowSoftInputMode="adjustPan" />
</edit-config>

And I also tried multiple variations of:

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="ionic" />

Or native instead of ionic .. but nothing.

My code looks like this:

<ion-content>
    <ion-grid no-padding>
        <ion-row align-items-center class="border--bottom--gray margin--bottom--10">
            <ion-col>
                <ion-searchbar class="app-searchbar" [placeholder]="'Search"
                               (ionChange)="loadUsers()" [debounce]="500" #textInput></ion-searchbar>
            </ion-col>
            <ion-col col-auto>
                <button ion-button color="blue" round outline class="width--30 height--30 padding--0" (click)="goToSelectUserType()">
                    <i class="adsicon-plus"></i>
                </button>
            </ion-col>
        </ion-row>
    </ion-grid>

    <ion-list *ngIf="!loadingService.isActive">
        <ion-item detail-none no-lines *ngFor="let user of users" (click)="select(user)">
            <ion-avatar item-left>
                <img [src]="user.prefAvatar ? user.prefAvatar : avatarPlaceholder" class="user-avatar">
            </ion-avatar>
            <button ion-button clear full>
                <div class="font__size--14">Name</div>
                <div class="font__size--12 margin--top--5">Type</div>
            </button>
        </ion-item>
    </ion-list>

    <ion-spinner *ngIf="loadingService.isActive"></ion-spinner>

    <div class="text__align--center margin--top--25" *ngIf="textInput.value.length < 3 && !users.length && !loadingService.isActive">
        Min 3 chars
    </div>
    <div class="text__align--center margin--top--25" *ngIf="textInput.value.lenght >= 3 && !users.length && !loadingService.isActive">
        No results
    </div>
</ion-content>

Example (this page is scrolled to the bottom currently)