1. 程式人生 > >ionic3關於在ios系統頭部會頂到狀態列上面的問題

ionic3關於在ios系統頭部會頂到狀態列上面的問題

最近在做一個影用ionic3寫的銀行方面的專案,接觸這個專案的時間專案基本已經完結,只剩下一些優化工作和頁面樣式問題;遇到過幾個比較印象深刻的問題,本文要說的就是當用ionic3的ModalController元件建立頁面後,再在這個頁面用this.nav.push()方法跳轉到下一個子頁面時,這個子頁面的頭部在ios系統裡會頂到狀態列上。

解決辦法是使用ModalController元件的onDisdDismiss方法;手動關閉模態框後再push到子頁面

public goFounsReleaseSheet(): void { if (this.globalVars.getMyGlobalVar('token'
)) { let authentication = this.globalVars.getMyGlobalVar('authentication'); if(authentication != '2'){ this.myValidators.presentToast('使用者未認證,許可權不足'); }else{ let modal = this.modalCtrl.create('FoundsReleaseComponent', {}, { cssClass: 'abc' }); modal.onDidDismiss(index =>
{ switch(index){ case 1: this.nav.push('FinancialManagementFundRealease'); break; case 2: this.nav.push('BondBusinessFundRealease'); break; case 3: this.nav.push('OfflineFundsFundRealease'); break
; case 4: this.nav.push('OnlineFundsFundRealease'); break; case 5: this.nav.push('BillBusinessFundRealease'); break; case 6: this.nav.push('FundProductsFundRealease'); break; case 7: this.nav.push('ManagementPlanFundRealease'); break; case 8: this.nav.push('TrustPlanFundRealease'); break; case 9: this.nav.push('ABSFoundsRelease'); break; case 10: this.nav.push('DepositsBusinessFundRealease'); break; case 11: this.nav.push('OthersFoundsRealease'); break; } }); modal.present(); } } else { this.nav.push('LoginComponent'); } }