Flutter_Theme_X
Flutter_Theme_X is a flutter plugin that allows you to easily integrate prebuilt widgets into your application. In addition to that it allows you to manage the theme of your application in a few lines.
Flutter_theme_x utilise principalement les plugins :
- google_fonts
- provider
- shared_preferences
- flutter_svg
- http
How to use it?
After installing the plugin in flutter you just have to import it in your code
import 'package:flutter_theme_x/flutter_theme_x.dart';
Flutter_Theme_X
flutter_theme_x is a library of hardware widgets ready to be integrated in your applications. it also integrates the management of light and dark themes in your applications
List of available widgets
-
FTxBottomNavigationBar
-
FTxButton
-
FTxCard
-
FTxContainer
-
FTxCreditCard
-
FTxCustomRating
-
FTxDashedDivider
-
FTxDottedLineCorner
-
FTxOnBoarding
-
FTxText
-
FTxTextField
-
FTxTextLiquidFill
Use Theme
By default flutter_theme_x integrates a light theme and a dark theme with default colors. To use these in your application, you can proceed as follows
import 'package:flutter_theme_x/themes/app_theme.dart';
FTxAppTheme.changeThemeType(FxAppThemeType.light); or
FTxAppTheme.changeThemeType(FxAppThemeType.dark);
Constants
FTxTheme TYPE |
---|
light dark |
Libraries
- widgets/app_bar/app_bar
- themes/app_theme
- FTxAppThemeType.dark - Applies all the properties for dark theme FTxAppThemeType.light - Applies all the properties for light theme
- themes/app_theme_notifier
- FTxAppThemeNotifier - notifies the app by giving the theme to the app
- There are mainly 2 types of bottomNavigationbar implemented using material Widgets.
- core/state_management/builder
- Three types of button implemented from Material Button. FTxButtonType.elevated - gives elevation to the button along with some height and shadow. FTxButtonType.outlined - gives outline to the button FTxButtonType.text - able to build text button
- widgets/card/card
- There are mainly 2 types of card .
- utils/formatters/card_month_input_formatter
- FTxCardMonthInputFormatter - formats the string as per the credit card expiry date format
- utils/formatters/card_number_input_formatter
- FTxCardNumberInputFormatter - formats the given string as per the credit card number format.
- utils/color_utils
- FTxColorUtils - returns a list of colors.
- widgets/container/container
- There are mainly 2 types of container .
- core/state_management/controller
- core/state_management/controller_store
- widgets/credit_card/credit_card
- FTxCreditCard - customisable credit card with all the necessary details in it.
- widgets/custom_rating/custom_rating
- FTxCustomRating - able to give customisable rating widget with custom features.
- themes/custom_theme
- FTxCustomTheme - provides the different properties for the custom theme.
- widgets/dashed_divider/dashed_divider
- FTxDashedDivider - Provides a dashed line to the screen for the given width and height.
- core/state_management/disposable_interface
- utils/distance_utils
- FTxDistanceUtils - gives different functions that can be used for calculating or formatting distance
- widgets/dotted_line/dotted_line
- FTxDottedLine - gives a dotted line.
- flutter_theme_x
- core/network/header
- core/state_management/lifecycle
- core/state_management/listenable_mixin
- core/logs/log
- FTxLog - provides a way to print anything in the console-
- utils/measure_size
- FTxMeasureSize - measures the size of any particular widget
- core/routes/middlewares/middleware
- core/network/network
- widgets/onBoarding/on_boarding
- FTxOnBoarding - Gives a custom page onBoarding widget with 2 buttons for SKIP and DONE.
- widgets/onBoarding/Animation_Gesture/page_dragger
- widgets/onBoarding/Animation_Gesture/page_reveal
- widgets/onBoarding/UI/pager_indicator
- widgets/onBoarding/UI/pages
- utils/generators/progress_bar
- FTxProgressBar - builds a widget for showing linear progress for anything.
- core/network/response
- core/routes/route
- core/routes/routes
- FTxRoutes - able to create add and map routes.
- styles/shadow
- FTxShadow - provides custom shadow to the widget
- utils/spacing
- FTxSpacing - provides spacing of various types.
- utils/generators/star_rating
- FTxStarRating - generates a star rating row widget for giving ratings to a particular thing.
- utils/validators/string_validator
- 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. FTxTextFieldStyle.underlined - It gives underline to the textField. FTxTextFieldStyle.outlined - It gives outline to the textField.
- widgets/text_liquid_fill/text_liquid_fill
- FTxTextLiquidFill - builds a widget for text which gets build having a watery effect.
- themes/text_style
- FTxTextStyle - gives 13 different type of styles to the text on the basis of size
- utils/text_utils
- FTxTextUtils - provides different functions for paring, generating and formatting a string.
- utils/time_utils
- icons/two_tone/two_tone_icon
- FTxTwoToneIcon - provides two tone Icons.
- icons/two_tone/two_tone_icon_data
- icons/two_tone/two_tone_mdi_icons
- FTxTwoToneMdiIcons - List of the Icons
- core/network/util