Привет, используя ионный 4 / angular7
Я хочу добавить pull для обновления, и я сделал это следующим образом:
<ion-refresher slot="start"
(ionRefresh)="ionRefresh($event)"
(ionPull)="ionPull($event)"
(ionStart)="ionStart($event)">
<ion-refresher-content
pullingIcon="arrow-dropdown"
pullingText="Pull to refresh"
refreshingSpinner="circles"
refreshingText="Refreshing...">
</ion-refresher-content>
и в контроллере
ionRefresh(event) {
console.log('Pull Event Triggered!');
setTimeout(() => {
console.log('Async operation has ended');
//complete() signify that the refreshing has completed and to close
the refresher
event.target.complete();
}, 2000);
}
ionPull(event){
//Emitted while the user is pulling down the content and exposing the
refresher.
console.log('ionPull Event Triggered!');
}
ionStart(event){
//Emitted when the user begins to start pulling down.
console.log('ionStart Event Triggered!');
}
это работает, но показывает некоторые странные эффекты. При перетаскивании текста потяните, чтобы обновить, наведите курсор на содержимое, а также при закрытии обновления, текстовое обновление будет отображаться в течение секунды или 2. Все это делает его плохо выглядящим. Как я могу это исправить?
Мне также пришлось добавить стили к обновителю, иначе у перепрошивки был черный фон без текста, поэтому я добавил это:
<style>
ion-content {
background-color: #efefef;
color:#555;
}
ion-refresher {
z-index:1;
}
я сделал gif, показывающий поведение
