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
- app_bar
- app_theme
- FTxAppThemeType.dark - Applies all the properties for dark theme FTxAppThemeType.light - Applies all the properties for light theme
- 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.
- 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
- card
- There are mainly 2 types of card .
- card_month_input_formatter
- FTxCardMonthInputFormatter - formats the string as per the credit card expiry date format
- card_number_input_formatter
- FTxCardNumberInputFormatter - formats the given string as per the credit card number format.
- color_utils
- FTxColorUtils - returns a list of colors.
- container
- There are mainly 2 types of container .
- controller
- controller_store
- credit_card
- FTxCreditCard - customisable credit card with all the necessary details in it.
- custom_rating
- FTxCustomRating - able to give customisable rating widget with custom features.
- custom_theme
- FTxCustomTheme - provides the different properties for the custom theme.
- dashed_divider
- FTxDashedDivider - Provides a dashed line to the screen for the given width and height.
- disposable_interface
- distance_utils
- FTxDistanceUtils - gives different functions that can be used for calculating or formatting distance
- dotted_line
- FTxDottedLine - gives a dotted line.
- flutter_theme_x
- header
- lifecycle
- listenable_mixin
- log
- FTxLog - provides a way to print anything in the console-
- measure_size
- FTxMeasureSize - measures the size of any particular widget
- middleware
- network
- on_boarding
- FTxOnBoarding - Gives a custom page onBoarding widget with 2 buttons for SKIP and DONE.
- page_dragger
- page_reveal
- pager_indicator
- pages
- progress_bar
- FTxProgressBar - builds a widget for showing linear progress for anything.
- response
- route
- routes
- FTxRoutes - able to create add and map routes.
- shadow
- FTxShadow - provides custom shadow to the widget
- spacing
- FTxSpacing - provides spacing of various types.
- star_rating
- FTxStarRating - generates a star rating row widget for giving ratings to a particular thing.
- string_validator
- 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.
- 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.
- text_liquid_fill
- FTxTextLiquidFill - builds a widget for text which gets build having a watery effect.
- text_style
- FTxTextStyle - gives 13 different type of styles to the text on the basis of size
- text_utils
- FTxTextUtils - provides different functions for paring, generating and formatting a string.
- time_utils
- two_tone_icon
- FTxTwoToneIcon - provides two tone Icons.
- two_tone_icon_data
- two_tone_mdi_icons
- FTxTwoToneMdiIcons - List of the Icons
- util