Tinyrack

Popover

포인터나 키보드 트리거에서 충돌을 피하는 인터랙티브 표면을 열어요.

포인터나 키보드 트리거에서 충돌을 피하는 인터랙티브 표면을 열어요.

핵심 속성

속성설명
레이어 크기layerSize는 상호작용 레이어 전체에 적용돼요. 기본 너비는 TRMeasurements.overlayWidthSm으로 고정되고, 높이는 안전 영역을 뺀 뷰포트에 닿을 때까지 콘텐츠를 따라가요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

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

const TRPopover(
  trigger: Text('Details'),
  content: Text('Rack alpha'),
)

예시

중첩 메뉴 고유 링크

Popover의 인터랙티브 콘텐츠 안에서 Menu를 열어도 공용 레이어가 충돌 회피와 포커스 복원을 유지해요.

API

레이어 속성

Prop타입 / 기본값용도
layerSizeTRLayerSize · fixed overlayWidthSm / content height콘텐츠 패널만이 아니라 레이어 전체 크기를 정해요.