flutter_fit_utils_ui

Description:

flutter fit utils ui

A flutter package that offers pre-built UI components to build your UI faster. This package is part of the flutter_fit_utils environement.

Features #
A flutter package that offers a wide variety of UI tools to make your apps faster, and more efficiently. There are 15+ prebuilt widgets available to use in just a few lines of code.

Available widgets:

FitText: Create headlines, titles, body text and hints with a single line of code.
FitLoadingIndicator: Auto aligned circular loading indicator that will always fit with your app theme.
FitTextIcon: Pair an icon with a text and vice-versa easily.
FitLoadingHandler: Use this to block input and show that your widget is loading.
FitDiaporama: Customizable diaporama that accept any type of image.
FitImageCard: A card with a background image. The card's text will always be readable, no matter what image you use.
FitButton: Buttons made easy, without the need to repeat code everywhere.
FitTextInput: A nice wrapper for TextFormField.
FitChips: Chips that you can use as radio buttons.
FitRadioCards: Beautiful cards that you can use as radio buttons.
FitSwipeable: Make any widget swipeable easily, with not much code.
FitSettings: Create settings page easily.



FitForm: Create forms with less code.




FitMenu: Create beautiful drawer menus easily.



FitSort: Sort a collection with prebuilt and customizable sort algorithms.


FitRuleValidator: Visualize how many steps/rule have been completed/respected.


FitDialog: Easily show dialogs with FitDialog.show().


Getting started #

Go inside your pubspec.yaml file
Add this line under the dependencies:

flutter_fit_utils_ui: ^1.2.6
copied to clipboard

Get dependencies

flutter pub get
copied to clipboard
Usage #
The FitTheme Widget #
To have more control over the fit widgets, you can start be wrapping a dart FitTheme around your widget tree.
This class lets you change:

The base text style for all FitTexts
The size of loading indicators
The theme data of FitTextIcons
The loading behavior of FitLoadingHandlers
The basic page margin
The base radius

These properties are all used by the different widgets offered by this package.
Other Widgets #
All widgets are simple to use, and only need a few lines of code to use theme. For example, this is how a FitText is called:
FitText.headline("Your Headline Here")
copied to clipboard
To learn more about the other widgets available, please checkout the example/main.dart file. This example covers all the available widgets.
Additional information #
Feel free to give any feedback ! This package is also open to contributions.