Tinyrack

NavigationMenu

連動する横並びのトリガーから、情報量の多いナビゲーションパネルを開きます。

連動する横並びのトリガーから、情報量の多いナビゲーションパネルを開きます。

主なプロパティ

プロパティ説明
レイヤーサイズlayerSize で各ナビゲーションパネル全体のサイズを指定します。デフォルトでは固定のナビゲーションパネル幅トークンを使い、高さは安全領域を除いたビューポートに達するまでコンテンツに合わせます。

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

TRNavigationMenu<String>(
  items: const [
    TRNavigationMenuItem(value: 'docs', trigger: Text('Docs'), content: Text('Guides')),
  ],
)

API

レイヤーのプロパティ

Prop型 / デフォルト用途
layerSizeTRLayerSize · fixed navigationPanelWidth / content height従来のパネル幅専用プロパティに代わり、アンカー付きレイヤー全体へ 1 つのサイズ方針を適用します。