搜尋分類、套件與程式碼儲存庫

fast_ui_kit 封面
套件詳情v1.0.25

fast_ui_kit

Fast UI Kit 是用於快速開發 Flutter 應用程式的 UI 套件

AndroidiOSmacOSWindowsLinux
近 30 天下載
206
喜歡數
43
Pub 分數
50

安裝套件

flutter pub add fast_ui_kit

套件介紹

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

Fast UI Kit 是一個專為加速應用開發而設計的 Flutter 小部件庫,提供預建且可自訂的 UI 元件。它提供一組即用型小部件,可簡化在多個平台建立一致且視覺上吸引人的介面的過程。對於尋求效率而不犧牲設計品質的開發者來說,這是一個理想選擇,支援 Android、iOS、macOS、Windows 和 Linux。該工具包透過模組化、可重複使用的元件,促進快速原型設計和生產就緒的 UI。

適用情境

  • 快速應用原型設計
  • 跨平台 UI 開發
  • 簡化重複的UI任務
  • 建構一致的設計系統
  • 加速功能實現

主要特色

  • 預設計、可自定義的組件
  • 跨平台相容性
  • 模組化組件架構
  • 支援深色/淺色主題
  • 透過 pub.dev 輕鬆整合

適合對象

  • 初學者到中級的 Flutter 開發者
  • 注重開發速度的團隊
  • 需要一致的UI模式的項目
  • 需要快速上市時間的初創企業
  • 針對多個作業系統的應用

使用建議

  • 可能需要針對獨特設計需求進行客製化
  • 除了基本設置外,文件有限
  • 依賴外部相依性以實現完整功能
  • 不太適合高度專業化或客製化UI需求
  • 新使用者可能需要一定的學習曲線

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Simple Implementation !

The "Fast UI Kit" is a Flutter package that aims to simplify application development by providing a collection of ready-to-use components. Similar to Quasar, it offers a set of components that can be used to quickly and efficiently create user interfaces while maintaining a consistent and elegant design.

The main goal of the "Fast UI Kit" is to expedite the development process by allowing developers to utilize pre-defined components instead of building each element from scratch. This saves time and effort while helping to maintain a cohesive visual appearance throughout the application.

✅ Dark Mode suporte ✅ Color scheme suporte

The components screenshots with colors scheme green selected

example of button


example of form field


example of form field


example of button group


example of audio player


example of calendar


example of carousel


example of typographic


example of LinkFy


example of input picker


example of column

Use FastColumn to have a vertical gap between components


Define your theme
class MyApp extends StatelessWidget {
  MyApp({super.key});

  final theme = FastTheme(seed: Colors.green);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      darkTheme: theme.dark,
      theme: theme.light,
      home: const HomePage(),
    );
  }
}
Components
  • FastColum
  • FastRow
  • FastImg
  • FastAvatar
  • FastAnimate
  • FastCalendar
  • FastTable
  • FastSkeleton
  • FastSearchAppBar
  • FastFormField
  • FastFormFieldFile
  • FastFormAvatarFile
  • FastDropDown
  • FastSearchSelect
  • FastDialog
  • FastContent
  • FastCarousel
  • FastButton
  • FastButtonIcon
  • FastButtonGroup
  • FastAudio
  • FastLinkFy
  • FastIcon -> Icon(FastIcons.library.icon)
Extension
Typographic
  • context.H1
  • context.H2
  • context.H3
  • context.H4
  • context.H5
  • context.H6
  • context.P

Size
  • context.height
  • context.width

Navigation
  • context.dialog
  • context.push
  • context.pushNamed
  • context.pushReplacement
  • context.pushReplacementNamed
  • context.pushAndRemoveUntil
  • context.pushAndRemoveUntilNamed
  • pop
  • popUntil
  • popUntilNamed

Style
  • context.colors color scheme
  • context.theme current theme
  • context.button button scheme of colors
  • context.brightness brightness of application

Message
  • context.showMessage

example:

context.showMessage(
  'Update user successful',
  title: 'Sucesso', //optional field
  type: MessageVariant.success, //optional field
  position: MessagePosition.top, //optional field
  style: Style.flat, //optional field
);
Utils
  • FastDebounce
  • FastUUID
  • FastClipboard
  • FastLinkFyHelper
Services
  • FastAudioService
  • FastPickerService

📄 Access the example file



Feito com ❤️ by Weliton Sousa

所屬分類

依賴

依賴清單 10 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。