Плагин клавиатуры над элементами списка ионов (не добавляет заполнение к контенту) в ionic 3 - PullRequest
Новая
       29

Плагин клавиатуры над элементами списка ионов (не добавляет заполнение к контенту) в ionic 3

0 голосов
/ 06 ноября 2018

Проблема в том, что при открытой клавиатуре отступы не добавляются, хотя scrollPadding имеет значение true Я использую этот плагин в проекте Ionic 3 / Angular 5.

Плагин клавиатуры: 

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

И я установил: 

scrollPadding: true,
scrollAssist: true

А также 

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

И я также попробовал несколько вариантов: 

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

Или родной вместо ионной .. но ничего.

Мой код выглядит так: 

<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>

Пример (эта страница в настоящее время прокручивается вниз) image with the issue

...