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
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
core/state_management/builder
widgets/button/button
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/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