搜索分类、插件与代码仓

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 项

源码仓库

使用此插件的项目

暂无相关数据。