Tinyrack

Menu

Flutter のアンカー付きトリガーからコマンド、連続設定、サブメニューを表示します。

アンカー付きトリガーから、密度に応じたコマンド、開いたまま操作できるチェックボックス・ラジオ設定、サブメニューを表示します。

主なプロパティ

プロパティ説明
レイヤーサイズlayerSize はルートメニューまたは TRMenuSubmenu 全体に適用されます。デフォルトでは、コンテンツ幅を TRMeasurements.measureMd から TRMeasurements.overlayWidthSm + TRSpacing.twoExtraLarge の範囲に収め、コンテンツ高さを TRMeasurements.measureXl までに制限します。

インストール

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

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

TRMenu(
  trigger: const Text('View'),
  menuChildren: [
    TRMenuItem(onPressed: duplicate, child: const Text('Duplicate')),
    TRMenuCheckboxItem(
      value: showGrid,
      onChanged: setShowGrid,
      child: const Text('Show grid'),
    ),
  ],
)

例

API

レイヤーのプロパティ

Prop型 / デフォルト用途
layerSizeTRLayerSize · content width / content height枠線と余白を含むメニュー全体のサイズを指定します。TRMenu と TRMenuSubmenu で使用できます。