Question

我看着：https://ionicframework.com/docs/api/config/Config/

此页面使用了一个示例，其中针对该元素更改了离子选项卡上的tabsPlacement。

我尝试用以下方式重新创建它：

<ion-header>

<ion-navbar backButtonIcon="close">
  <ion-title>settings-edit</ion-title>
</ion-navbar>

</ion-header>


<ion-content padding>

</ion-content>

使用navBar后退按钮似乎没有任何改变

Answer 1

ionic中没有自定义后退按钮选项，只需将其更改为按钮即可

 <ion-header>
      <ion-navbar hideBackButton="true">
       <button ion-button menuToggle hideBackButton="true">
            <ion-icon name="md-close" (click)="close()" ></ion-icon>
          </button>
      <ion-title>settings-edit</ion-title>
        </ion-navbar>
    </ion-header>

尝试使用此代码，然后在页面的TS代码下方添加

close()
{
    this.navctrl.pop();
}

Answer 2

与文档中一样，您应该在app.module.ts

中对其进行定义

将此添加到您的@NgModule：

 imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp, {
      backButtonIcon: 'close',
      iconMode: 'ios',
      modalEnter: 'modal-slide-in',
      modalLeave: 'modal-slide-out',
      tabsPlacement: 'bottom',
      pageTransition: 'ios-transition'
    }) 
  ]

单页上的离子自定义后退按钮

2 个答案: