Menubar

矢印キー移動と階層項目に対応した横並びのアプリケーションメニューを構成します。

主なプロパティ

コマンドグループを示す semanticLabel をメニューバーに指定してください。メニューバーとアクティブなトリガーに枠線はなく、ポップアップレイヤーは枠線を保ちます。フォーカス項目は枠線の寸法を変えず、背景で強調します。

インストール

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

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';

TRMenubar(
  semanticLabel: 'アプリケーションメニュー',
  menus: [
    TRMenubarMenu(
      trigger: const Text('ファイル'),
      menuChildren: [
        TRMenuItem(onPressed: createRack, child: const Text('新規ラック')),
        TRMenuItem(onPressed: openRack, child: const Text('開く')),
      ],
    ),
  ],
)

例

API