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테두리와 여백을 포함한 메뉴 전체 크기를 정해요. TRMenuTRMenuSubmenu에서 사용할 수 있어요.