android - Ionic 2 android 显示布局和功能

Question

我正在华为 G535 上测试我的应用程序，但布局不正确，按钮无法点击。我正在使用 Ionic 2。我在模拟器和浏览器上对此进行了测试，一切都很好。我没有另一部手机可以测试它，但如果我的手机出现问题，那么我认为它也会影响其他手机。

Android 信息（如果有帮助）

分辨率：540 x 960
安卓版本：4.3
情感UI版本：EmotionaUI 2.0 Lite
基带版本：100131

我的页面的代码。

<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      Title
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <ion-list no-lines>
    <ion-item *ngFor="let item of items | async">
      <ion-avatar item-left>
        <img src="{{item.image}}"/>
      </ion-avatar>
      <h1>{{item.title}}</h1>
      <button ion-button clear item-right large (click)="showItem(item)">
        <ion-icon name="arrow-dropright"></ion-icon>
      </button>
    </ion-item>
  </ion-list>

</ion-content>

环顾四周后，我发现问题可能是过时的离子版本。所以我将我的 ionic 应用程序更新到最新版本。我现在可以使用该按钮导航到华为手机上的另一个页面。但是按钮和位置仍然是错误的。列表在手机左侧显示为压缩列表，导航栏中的标题没有边距。当我到达另一页时，后退箭头按钮位于导航栏标题上方，链接按钮不起作用。

如您所见，它与此处显示的不同http://ionicframework.com/docs/v2/components/#thumbnail-list