イオン2バックボタンは

Question

私はイオン2アプリを起動するつもりだ、とそれはアラビア語でなければなりませんので、私は、RTLのレイアウトを使用する必要があるが、私はアプリを設定するサイドメニューテンプレート

を選びましたRTLに次の行で右方向

<ion-nav #content [root]="rootPage" dir="rtl"></ion-nav> 

を指している必要があり、バックボタンを除いて完全にすべてのものの方向を変え

ナビゲーションバーには、今、この

のように見えます

IonicチームがRTLに関連する問題に注意を払うまで、修正はありませんか？

Answer 1

代わりion-navでdir属性を設定するには、

private setProperAligment(): void { 

    if (this.selectedLanguage.rtl) { 
     this.platform.setDir('rtl', true); 
     // ... 
    } else { 
     this.platform.setDir('ltr', true); 
     // ... 
    } 
} 

これにアプリのhtmlタグにdir="rtl"属性を追加しますRTL（docs）にアライメントを設定するためのプラットフォームを使用することができます。聞いて喜ん

それが動作

html[dir="rtl"] { 
    .back-button-icon.icon-md.back-button-icon-md.ion-md-arrow-back { 
     transform: rotate(180deg); 
    } 

    .back-button-icon.icon-ios.back-button-icon-ios.ion-ios-arrow-back { 
     transform: rotate(180deg); 
     padding: 0 5px; 
    } 
}