我如何从 Ionic 4.7.1 中的离子项目中删除箭头（仅 IOS）

Question

我有以下内容：

Ionic:

   ionic (Ionic CLI)             : 4.7.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.1.2
   @angular-devkit/build-angular : 0.13.7
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.7
   @ionic/angular-toolkit        : 1.4.1

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 10 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/pds/Library/Android/sdk)
   NodeJS            : v11.6.0 (/usr/local/bin/node)
   npm               : 6.5.0-next.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2 Build version 10E125

根据此文档：https://ionicframework.com/docs/api/item#detail-arrows，为了不在 IOS 上显示箭头，您需要将 detail 属性设置为 false 但它不起作用。

<ion-item (click)="abrirUsados()" routerLink="#">
          <ion-thumbnail slot="start">
            <img src="/assets/img/usados.png">
          </ion-thumbnail>
          <ion-label>
            <h3 ion-text color="primary">Usados</h3>
            <p>Revisados y buen uso</p>
          </ion-label>
          <ion-icon name="arrow-forward" slot="end" color="primary"></ion-icon>
        </ion-item>

detail-icon="none" 有效，但它显示空白 space 并且我添加的图标没有像它应该的那样向右浮动。

Answer 1

尝试 detail='false' 删除并 detail='true' 在 ion-item

中显示

如果上述方法不起作用，请尝试 mode='md'

检查这个link

<ion-item (click)="abrirUsados()" routerLink="#" detail="false" mode='md'>

   <ion-thumbnail slot="start">
    <img src="/assets/img/usados.png">
    </ion-thumbnail>
    <ion-label>
     <h3 ion-text color="primary">Usados</h3>
     <p>Revisados y buen uso</p>
    </ion-label>
    <ion-icon name="arrow-forward" slot="end" color="primary"></ion-icon>
</ion-item>

我如何从 Ionic 4.7.1 中的离子项目中删除箭头（仅 IOS）

How can i remove arrow from ion-item in Ionic 4.7.1 (Only IOS)

ios

ionic4