Question

这是我的导航栏：

<ion-header>
  <ion-navbar color="dark">
    <button ion-button menuToggle icon-only>
      <ion-icon name='menu'></ion-icon>
    </button>
    <ion-title>JRiver Remote</ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name='ion-gear-a'></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

这正是它在文档中的显示方式，但在我的第二个按钮中，图标是不可见的。当我检查它时，我可以看到图标的高度为零，但它周围的按钮具有正常高度。左侧按钮工作正常。

Answer 1

这是因为ion-gear-a 不存在。该名称从ionicons中选取图标图像。

如果您想要gear图片，请尝试cog或settings

<ion-header>
  <ion-navbar color="dark">
    <button ion-button menuToggle icon-only>
      <ion-icon name='menu'></ion-icon>
    </button>
    <ion-title>JRiver Remote</ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name='settings'></ion-icon><!-- here -->
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

导航栏中的第二个按钮不起作用

1 个答案: