flutx_plus

A powerful and easy-to-use Flutter package to accelerate UI development with enhanced components and utilities.


โœจ Features

  • Reusable widgets and extensions
  • Utility functions for layout and styling
  • Easy customization
  • Lightweight and fast

๐Ÿš€ Getting Started

This package is designed to simplify your Flutter development process by providing helpful UI utilities and custom widgets.

To get started, install the package and import it in your Dart file.


๐Ÿ“ฆ Installation

Add this to your pubspec.yaml:

dependencies: flutx_plus: ^1.0.5

Then run:

flutter pub get


๐Ÿ”ง Usage

Import the package in your Dart file:

import 'package:flutx_plus/flutx_plus.dart';

Example:

FxText( 'Hello, flutx_plus!', style: FxTextStyle.titleMedium, )


๐Ÿงช Running Tests

To run the tests for this package, use:

flutter test


๐Ÿ“„ Documentation

Detailed documentation and API reference will be available soon at: https://pub.dev/packages/flutx_plus


๐Ÿ™Œ Contributing

Contributions are welcome!
If you'd like to contribute, please fork the repository and use a feature branch.
Pull requests are warmly welcome.

Steps:

  1. Fork it
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a pull request

๐Ÿ“ƒ License

This project is licensed under the MIT License - see the LICENSE file for details.


๐Ÿ“ซ Contact

For questions or suggestions, feel free to open an issue or reach out via GitHub Issues: https://github.com/husnainahmed61/flutx_plus/issues

Libraries

core/tuple
exceptions/base_exception
exceptions/exception
exceptions/route_exception
extensions/color_extension
extensions/extensions
extensions/string_extension
flutx
fx
mixins/form_data_mixin
mixins/mixins
responsive/display_type
responsive/responsive
responsive/screen_media
responsive/screen_media_type
router/middlewares/middleware
router/route
router/route_builders/enter_exit_route
router/route_builders/fade_route
router/route_builders/rotation_route
router/route_builders/scale_rotate_route
router/route_builders/scale_route
router/route_builders/size_route
router/route_builders/slide_left_route
router/route_builders/slide_right_route
router/router
router/routes
FxRoutes - able to create add and map routes. Still in development
state_management/builder
state_management/controller
state_management/controller_store
state_management/disposable_interface
state_management/lifecycle
state_management/listenable_mixin
state_management/state_management
styles/app_theme
FxAppThemeType.dark - Applies all the properties for dark theme FxAppThemeType.light - Applies all the properties for light theme
styles/constant
styles/shadow
FxShadow - provides custom shadow to the widget
styles/styles
styles/text_style
FxTextStyle - gives 13 different type of styles to the text on the basis of size
utils/color_utils
FxColorUtils - returns a list of colors.
utils/distance_utils
FxDistanceUtils - gives different functions that can be used for calculating or formatting distance
utils/formatters/card_month_input_formatter
FxCardMonthInputFormatter - formats the string as per the credit card expiry date format
utils/formatters/card_number_input_formatter
FxCardNumberInputFormatter - formats the given string as per the credit card number format.
utils/measure_size
FxMeasureSize - measures the size of any particular widget
utils/spacing
FxSpacing - provides spacing of various types.
utils/string_utils
utils/text_utils
FxTextUtils - provides different functions for paring, generating and formatting a string.
utils/time_utils
FxTimeUtils - provides different functions for formatting time
utils/utils
validation/field_validator
validation/form_validator
validation/validations
validation/validators/validators
widgets/bottom_navigation_bar/bottom_navigation_bar
There are mainly 2 types of bottomNavigationbar implemented using material Widgets.
widgets/bottom_navigation_bar/bottom_navigation_bar_item
widgets/bottom_navigation_bar/curved_navigation
widgets/button/button
Three types of button implemented from Material Button.
widgets/card/card
There are mainly 2 types of card .
widgets/container/container
There are mainly 2 types of container .
widgets/credit_card/credit_card
widgets/custom_rating/custom_rating
widgets/dashed_divider/dashed_divider
FxDashedDivider - Provides a dashed line to the screen for the given width and height.
widgets/dotted_border/dash_painter
widgets/dotted_border/dash_path
widgets/dotted_border/dotted_border
widgets/dotted_border/trim_path
widgets/dotted_line/dotted_line
FxDottedLine - gives a dotted line.
widgets/icons/box_icon_data
widgets/icons/material_symbol_icon
widgets/icons/two_tone/two_tone_icon
FxTwoToneIcon - provides two tone Icons.
widgets/icons/two_tone/two_tone_icon_data
FxTwoToneIconData - gives path of the Icons.
widgets/icons/two_tone/two_tone_mdi_icons
FxTwoToneMdiIcons - List of the Icons
widgets/on_boarding/animation_gesture/page_dragger
widgets/on_boarding/animation_gesture/page_reveal
widgets/on_boarding/on_boarding
FxOnBoarding - Gives a custom page onBoarding widget with 2 buttons for SKIP and DONE.
widgets/on_boarding/ui/pager_indicator
widgets/on_boarding/ui/pages
widgets/progress_bar/progress_bar
widgets/responsive/flex
widgets/responsive/flex_item
widgets/responsive/responsive
widgets/star_rating/star_rating
widgets/svg/svg
widgets/tab_indicator/tab_indicator
widgets/tab_indicator/tab_indicator_painter
widgets/text/text
There are mainly 13 types of Text widgets. h1,h2,h3,h4,h5,h6,sh1,sh2,b1,b2,button,caption,overline - This is the order of its size.
widgets/text_field/text_field
There are mainly 2 styles of TextField. FxTextFieldStyle.underlined - It gives underline to the textField. FxTextFieldStyle.outlined - It gives outline to the textField.
widgets/widgets