套件概覽
Dashbook 是一個 Flutter 庫，專為建立隔離且可互動的元件預覽而設計，支援以元件為導向的 UI 開發。其功能類似於 Storybook，讓開發者能在沙盒環境中建構與測試單一 UI 元件。Dashbook 支援所有主要平台——Android、iOS、Web、macOS、Windows 與 Linux，協助視覺化元件在不同狀態與設定下的行為。透過簡單的 pub add 命令即可順暢整合至 Flutter 專案中，非常適合用於設計系統與可重複使用的元件庫。
適用情境
- 構建可重用的 UI 組件
- 測試元件狀態和變體
- 建立設計系統文件
- 與設計師合作
- 原型設計使用者介面元素
- 隔離小部件行為以進行除錯
主要特色
- 互動式小部件預覽
- 對多個平台目標的支援
- 即時狀態與屬性編輯
- 組件驅動的 UI 工作流程
- 透過 pub 實現輕鬆整合
- 內建主題和佈局選項
適合對象
- UI 組件作者
- 設計系統團隊
- Flutter 開發人員建構可重用的函式庫
- 團隊正在實踐組件驅動開發
- 大型應用的前端工程師
使用建議
- 主要用於開發和設計審查
- 未針對生產環境UI渲染進行優化
- 需要額外設定以進行複雜互動
- 最佳搭配測試框架使用
- 如果包含在生產建構中，可能會增加應用大小