Documentation

Documentation Menu
Go Back

Clayナビゲーションバー

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

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

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

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

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

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

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