カテゴリー・パッケージ・リポジトリを検索

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 は、事前に構築されたカスタマイズ可能な UI コンポーネントを備えた、Flutter ウィジェットライブラリです。複数のプラットフォームで一貫性があり、視覚的に魅力的なインターフェースを迅速に作成できる、すぐに使えるウィジェットのコレクションを提供します。デザインの質を損なうことなく効率性を追求する開発者にとって理想的であり、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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。