Skip to content

A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.

License

Notifications You must be signed in to change notification settings

flutter-news-app-full-source-code/ui-kit

Repository files navigation

Flutter News App Toolkit Logo

UI Kit

A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.

coverage Live Docs: View Main Project: Browse

This ui_kit package serves as a shared Flutter UI kit within the Flutter News App Full Source Code Toolkit. It provides a consistent set of widgets, themes, constants, and utilities designed to ensure a cohesive look and feel across the Flutter mobile app and web dashboard. By centralizing UI components and styling, this package aims to accelerate development and enhance maintainability.

⭐ Feature Showcase: Consistent & Dynamic User Interfaces

This package offers a comprehensive set of features for building modern Flutter UIs.

🧱 Core Functionality

🚀 State Widgets

  • InitialStateWidget: A pre-built widget for displaying initial states, typically before user interaction or data loading.
  • LoadingStateWidget: A widget for indicating progress during data fetching or other asynchronous operations.
  • FailureStateWidget: A robust widget for showing user-friendly, localized error messages with an optional retry mechanism, leveraging HttpException extensions from core.

🎨 Dynamic Theming

  • lightTheme & darkTheme Functions: Built with flex_color_scheme, these functions provide dynamic, customizable, and consistent light/dark themes across the app based on user settings (e.g., AppBaseTheme, AppAccentTheme, AppTextScaleFactor, AppFontWeight).
  • AppSpacing Constants: Centralized constants for spacing to ensure consistent layouts and visual hierarchy.

🌐 Localization Helpers

  • HttpException Extension: An extension on HttpException (from core) to provide user-friendly, localized error messages, simplifying error presentation.
  • timeago Integration: Custom timeago messages for concise relative time formatting, enhancing readability of timestamps.

🛠️ Utilities

  • DateFormatter: Helper class for common date and time formatting tasks, ensuring consistent date representations throughout the application.

💡 Your Advantage: This UI kit simplifies Flutter development by providing visual consistency, dynamic theming, and robust error presentation. It centralizes UI components, contributing to faster development and improved maintainability.

🔑 Licensing

This ui_kit package is an integral part of the Flutter News App Full Source Code Toolkit. For comprehensive details regarding licensing, including trial and commercial options for the entire toolkit, please refer to the main toolkit organization page.

About

A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.

Resources

License

Stars

Watchers

Forks

Languages