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

I have the following:

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

According to this documentation: https://ionicframework.com/docs/api/item#detail-arrows, in order to not display the arrows on IOS you need to set detail property to false but it’s not working.

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

The detail-icon="none" works, but there it shows a blank space and the icon i add is not floating to right as it should.26

Your code does not have that property list, so it hard to spot the issue.
Shouldn’t just be

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

19%20AM

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

Try this!