Menu
Flutter의 고정된 트리거에서 명령, 연속 설정, 중첩 메뉴를 열어요.
고정된 트리거에서 밀도를 따르는 명령, 열린 채로 유지되는 체크박스·라디오 설정, 중첩 메뉴를 열어요.
핵심 속성
| 속성 | 설명 |
|---|---|
| 레이어 크기 | layerSize는 최상위 메뉴나 TRMenuSubmenu 전체에 적용돼요. 기본값은 콘텐츠 너비를 TRMeasurements.measureMd부터 TRMeasurements.overlayWidthSm + TRSpacing.twoExtraLarge 사이로 제한하고, 콘텐츠 높이를 TRMeasurements.measureXl까지 허용해요. |
설치
패키지를 추가한 뒤 공개 라이브러리를 가져오세요.
flutter pub add tinyrack_uiimport '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 | 타입 / 기본값 | 용도 |
|---|---|---|
layerSize | TRLayerSize · content width / content height | 테두리와 여백을 포함한 메뉴 전체 크기를 정해요. TRMenu와 TRMenuSubmenu에서 사용할 수 있어요. |