desktop

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個專為桌面應用程式設計的 Flutter 小部件庫，提供簡單且易用的元件，並遵循一致的設計標準。它提供一組針對 Windows、Linux 和 macOS 優化的即用型小部件，讓開發者能以最少的努力建立直覺的桌面應用程式。該套件強調易用性與視覺一致性，並在其圖庫中展示範例。非常適合尋求在 Flutter 生態系統內簡化桌面 UI 開發方法的開發者。

適用情境

建構跨平台桌面應用程式
在 Windows、Linux 和 macOS 上建立一致的 UI
桌面介面的快速原型設計
開發生產力工具
設計使用者友善的桌面儀表板
增強 Flutter 的原生桌面小部件支援

主要特色

桌面優化的小工具設計
一致且乾淨的 UI 組件
透過 pub 簡單整合
帶有組件範例的畫廊
跨平台相容性
最小設定需求

適合對象

面向桌面平台的 Flutter 開發者
建構以桌面為首的應用程式團隊
以使用者介面為重點的應用程式設計師
初學者探索桌面 Flutter 開發
希望擁有標準化桌面組件的開發者

使用建議

僅限桌面平台（不支援行動裝置或網頁）
依賴於 Flutter 的桌面支援
可能需要自訂樣式以滿足進階使用案例
不適用於行動或Web專案
最適合與 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.

搜尋套件、儲存庫與 APP 分類