desktop

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

데스크톱 애플리케이션을 위해 특별히 설계된 플러터 위젯 라이브러리로, 일관된 디자인 기준을 따르며 간단하고 사용하기 쉬운 컴포넌트를 제공합니다. Windows, Linux, macOS에 최적화된 즉시 사용 가능한 위젯 세트를 제공하여 개발자가 최소한의 노력으로 직관적인 데스크톱 앱을 구축할 수 있도록 합니다. 이 패키지는 사용성과 시각적 일관성을 중시하며, 갤러리에서 예제를 확인할 수 있습니다. 플러터 생태계 내에서 데스크톱 UI 개발을 간편하게 진행하고 싶은 개발자에게 이상적입니다.

사용 사례

크로스 플랫폼 데스크톱 애플리케이션 빌드
Windows, Linux, macOS에서 일관된 UI 만들기
데스크톱 인터페이스의 빠른 프로토타이핑
생산성 도구 개발
사용자 친화적인 데스크톱 대시보드 설계
Flutter의 네이티브 데스크톱 위젯 지원 강화

주요 기능

데스크톱 최적화 위젯 디자인
일관되고 깔끔한 UI 컴포넌트
pub를 통한 간단한 통합
컴포넌트 예제가 포함된 갤러리
크로스 플랫폼 호환성
필수 최소 구성

적합한 대상

데스크톱 플랫폼을 대상으로 하는 Flutter 개발자
데스크톱 중심 애플리케이션을 개발하는 팀
UI 중심 앱 디자이너
초보자가 데스크톱 플러터 개발 탐색 중
표준화된 데스크톱 구성 요소를 원하는 개발자

고려 사항

데스크톱 플랫폼에 한정됨(모바일 또는 웹은 제외)
Flutter의 데스크톱 지원에 의존합니다
고급 사용 사례를 위해 맞춤형 스타일링이 필요할 수 있습니다
모바일 또는 웹 프로젝트에 적합하지 않습니다
플랫폼 전체 호환성을 위해 Flutter 3.0 이상과 함께 사용하는 것이 가장 좋습니다
기본 스타일 외에 내장 테마 없음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Minimal Desktop widgets for Flutter.

Navigation
- Breadcrumb
- Nav
- Tab
- Tree
Data
- List table
- Date form field
- Text form field
Dialogs
- Dialog
- Message
- Tooltip
- Date picker
- Drawer
Input
- Button
- Context menu
- Dropdown menu
- Hyperlink
- Slider
- Checkbox
- Radio
- Toggle switch
Status
- Progress indicator
Text
- Text field
- Selectable text
Scrollbar

Gallery

Navigation

Breadcrumb	Nav

Nav Horizontal	Tree

Tab	Custom Tab

Data

List Table	List Table Borderless

Text Form Field	Date Form Field

Dialogs

Dialog	Date Picker

Tooltip	Message

Input

Button	Hyperlink

Slider	Checkbox

Radio	Toggle Switch

Status

Linear Progress Indicator	Circular Progress Indicator

See Gallery, for more examples.

Example

DesktopApp(
  theme: ThemeData(
    brightness: Brightness.dark,
    primaryColor: PrimaryColors.royalBlue.primaryColor,
  ),
  home: Nav(
    trailingMenu: [
      NavItem(
        title: 'settings',
        builder: (context) => NavDialog(
          child: Container(
            alignment: Alignment.center,
            padding: EdgeInsets.all(32.0),
            width: 600.0,
            child: Text(
              'Settings page',
              style: textTheme.subtitle,
            ),
          ),
        ),
        icon: Icons.settings,
      ),
    ],
    items: [
      NavItem(
        builder: (context) => Center(
            child: Text(
          'Home',
          style: textTheme.title,
        )),
        title: 'Home',
        icon: Icons.today,
      ),
      NavItem(
        builder: (context) => Center(
            child: Text(
          'Library',
          style: textTheme.title,
        )),
        title: 'Library',
        icon: Icons.today,
      ),
    ],
  ),
)

Project structure

desktop - The main package.
docs - The folder with the html page built by the docs_web component.
docs_web - The implementation of desktop documentation.

패키지, 저장소 및 앱 카테고리 검색