분류, 패키지 및 저장소 검색

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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.