2017-08-08 1 views
3

私はイオン3の角度を使用し、イオンスクロールを使用していくつかのボタンをレンダリングする水平スクロール可能な領域を置いています。コードはイオン3角度の異なるUIでアンドロイドとイオス

<ion-scroll scrollX="true" style="width:100vw;height:49px"> 
      <ion-row nowrap > 
      <button *ngFor="let item of messageQueue.shortcutList" ion-button small round (click)="processShortcut(item.action)">{{item.action}}</button> 
      </ion-row> 
     </ion-scroll> 

これはiOSの完璧に見えるが、アンドロイド上でレンダリングされたボタンのサイズが固定されているので、テキストがカットされるようになります。

スクリーンショットhttps://www.dropbox.com/s/0amwir62acliccn/Screenshot%202017-08-08%2015.32.21.png?dl=0

+0

イメージは動作していないようですが、imgurにアップロードすることができます – Ploppy

+0

今すぐ試用してください – Vik

+0

私はIonicを使用していませんが、オーバーフローはアンドロイドで無効になっているようです。それはそれからiosとandroid UIの両方で動作します。 – Ploppy

答えて

1

ないあなたはこれをしたいが、あなたはアプリは、各デバイスのネイティブな外観を持ってしたくない場合は、あなたが何かにアプリケーションのデフォルトを作ることができるかどうか確認してくださいを参照してください。

imports: [ 
    IonicModule.forRoot(MyApp,{ 
     mode: 'md' 
    }) 
], 

この場合、デフォルトはマテリアルルックです。

+0

ありがとう、私が欲しい解決のように見えない – Vik

+1

これは私が検索した解決策でした。また、関連する質問をするために+1に@Vik。 –

関連する問題