Tinyrack

Window Frame

Flutter 콘텐츠를 macOS 또는 브라우저 스타일의 장식 프레임으로 감싸요.

앱 콘텐츠를 macOS 또는 브라우저 스타일의 장식 프레임으로 감싸요.

핵심 속성

속성설명
형태macos, browser
본문 여백none, md, lg

설치

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

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

TRWindowFrame(
  variant: TRWindowFrameVariant.macos,
  title: const Text('Tinyrack'),
  body: const Text('Rack overview'),
)

예시

애플리케이션 창 크롬 고유 링크

드래그 가능한 중앙 영역 양쪽에 앱 메뉴와 창 명령을 배치해요. 슬롯은 어떤 위젯이든 받으므로, 명령은 TRIconButton으로 조립하고 글리프와 intent는 크롬에 맞게 고르세요.

브라우저 프레임 고유 링크

웹 콘텐츠 미리보기에는 browser 형태와 주소 표시줄을 사용해요.

API

TRWindowFrame 속성

Prop타입 / 기본값용도
bodyWidget · required프레임 안의 콘텐츠를 제공해요.
variantTRWindowFrameVariant · macos앱 또는 브라우저 프레임을 선택해요.
TRWindowFrameTitleBar.leading / actionsWidget?드래그 영역 양쪽 가장자리에 임의의 위젯을 배치해요. 창 명령은 TRIconButton으로 조립하고 글리프와 intent는 크롬에 맞게 고르세요.
paddingTRWindowFramePadding · md본문 안쪽 여백을 정해요.
title / addressWidget?선택한 title bar에 레이블을 표시해요.