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:
- Fork it
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - 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 themeFxAppThemeType.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
- There are mainly 2 types of bottomNavigationbar implemented using material Widgets.
- 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