Clayナビゲーションバー

Clayナビゲーションバー

ドロップダウンメニューと同様に、ナビゲーションバーにはナビゲーションアイテムのリストが表示されます。 主な違いは、ナビゲーションバーが水平バーに表示され、すべてのナビゲーションアイテムが常に表示されることです。 また、ナビゲーションバーでは、アクティブなナビゲーション項目が下線で表示されます。 ナビゲーションバーには2つのスタイルがあります。白の背景に濃い灰色のテキスト(デフォルト)と濃い灰色の背景に白のテキスト(反転)です。

デフォルトのナビゲーションバー:

<clay:navigation-bar
    navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>

アプリにナビゲーションバーを含めることができます。

反転ナビゲーションバー( inverted属性をtrueに設定):

<clay:navigation-bar
    inverted="<%= true %>"
    navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>

必要に応じて、ナビゲーションバーを反転させることができます。

関連トピック