flutx_ui 0.2.0-dev.1 copy "flutx_ui: ^0.2.0-dev.1" to clipboard
flutx_ui: ^0.2.0-dev.1 copied to clipboard

Flutter State Manager + UI Library v13.1

Use this package as a library

Depend on it

Run this command:

With Dart:

 $ dart pub add flutx_ui

With Flutter:

 $ flutter pub add flutx_ui

This will add a line like this to your package's pubspec.yaml (and run an implicit dart pub get):

dependencies:
  flutx_ui: ^0.2.0-dev.1

Alternatively, your editor might support dart pub get or flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:flutx_ui/core/tuple.dart';
import 'package:flutx_ui/exceptions/base_exception.dart';
import 'package:flutx_ui/exceptions/exception.dart';
import 'package:flutx_ui/exceptions/route_exception.dart';
import 'package:flutx_ui/extensions/color_extension.dart';
import 'package:flutx_ui/extensions/extensions.dart';
import 'package:flutx_ui/extensions/string_extension.dart';
import 'package:flutx_ui/flutx.dart';
import 'package:flutx_ui/fx.dart';
import 'package:flutx_ui/mixins/form_data_mixin.dart';
import 'package:flutx_ui/mixins/mixins.dart';
import 'package:flutx_ui/mixins/navigation_mixin.dart';
import 'package:flutx_ui/responsive/display_type.dart';
import 'package:flutx_ui/responsive/responsive.dart';
import 'package:flutx_ui/responsive/screen_media.dart';
import 'package:flutx_ui/responsive/screen_media_type.dart';
import 'package:flutx_ui/router/middlewares/middleware.dart';
import 'package:flutx_ui/router/route.dart';
import 'package:flutx_ui/router/route_builders/enter_exit_route.dart';
import 'package:flutx_ui/router/route_builders/fade_route.dart';
import 'package:flutx_ui/router/route_builders/rotation_route.dart';
import 'package:flutx_ui/router/route_builders/scale_rotate_route.dart';
import 'package:flutx_ui/router/route_builders/scale_route.dart';
import 'package:flutx_ui/router/route_builders/size_route.dart';
import 'package:flutx_ui/router/route_builders/slide_left_route.dart';
import 'package:flutx_ui/router/route_builders/slide_right_route.dart';
import 'package:flutx_ui/router/router.dart';
import 'package:flutx_ui/router/routes.dart';
import 'package:flutx_ui/state_management/builder.dart';
import 'package:flutx_ui/state_management/controller.dart';
import 'package:flutx_ui/state_management/controller_store.dart';
import 'package:flutx_ui/state_management/disposable_interface.dart';
import 'package:flutx_ui/state_management/lifecycle.dart';
import 'package:flutx_ui/state_management/listenable_mixin.dart';
import 'package:flutx_ui/state_management/state_management.dart';
import 'package:flutx_ui/styles/app_theme.dart';
import 'package:flutx_ui/styles/constant.dart';
import 'package:flutx_ui/styles/shadow.dart';
import 'package:flutx_ui/styles/styles.dart';
import 'package:flutx_ui/styles/text_style.dart';
import 'package:flutx_ui/utils/color_utils.dart';
import 'package:flutx_ui/utils/distance_utils.dart';
import 'package:flutx_ui/utils/formatters/card_month_input_formatter.dart';
import 'package:flutx_ui/utils/formatters/card_number_input_formatter.dart';
import 'package:flutx_ui/utils/measure_size.dart';
import 'package:flutx_ui/utils/spacing.dart';
import 'package:flutx_ui/utils/string_utils.dart';
import 'package:flutx_ui/utils/text_utils.dart';
import 'package:flutx_ui/utils/time_utils.dart';
import 'package:flutx_ui/utils/utils.dart';
import 'package:flutx_ui/validation/field_validator.dart';
import 'package:flutx_ui/validation/form_validator.dart';
import 'package:flutx_ui/validation/validations.dart';
import 'package:flutx_ui/validation/validators/validators.dart';
import 'package:flutx_ui/widgets/bottom_navigation_bar/bottom_navigation_bar.dart';
import 'package:flutx_ui/widgets/bottom_navigation_bar/bottom_navigation_bar_item.dart';
import 'package:flutx_ui/widgets/bottom_navigation_bar/curved_navigation.dart';
import 'package:flutx_ui/widgets/breadcrumb/breadcrumb.dart';
import 'package:flutx_ui/widgets/breadcrumb/breadcrumb_item.dart';
import 'package:flutx_ui/widgets/button/button.dart';
import 'package:flutx_ui/widgets/card/card.dart';
import 'package:flutx_ui/widgets/container/container.dart';
import 'package:flutx_ui/widgets/credit_card/credit_card.dart';
import 'package:flutx_ui/widgets/custom_rating/custom_rating.dart';
import 'package:flutx_ui/widgets/dashed_divider/dashed_divider.dart';
import 'package:flutx_ui/widgets/dotted_border/dash_painter.dart';
import 'package:flutx_ui/widgets/dotted_border/dash_path.dart';
import 'package:flutx_ui/widgets/dotted_border/dotted_border.dart';
import 'package:flutx_ui/widgets/dotted_border/trim_path.dart';
import 'package:flutx_ui/widgets/dotted_line/dotted_line.dart';
import 'package:flutx_ui/widgets/icons/box_icon_data.dart';
import 'package:flutx_ui/widgets/icons/material_symbol_icon.dart';
import 'package:flutx_ui/widgets/icons/two_tone/two_tone_icon.dart';
import 'package:flutx_ui/widgets/icons/two_tone/two_tone_icon_data.dart';
import 'package:flutx_ui/widgets/icons/two_tone/two_tone_mdi_icons.dart';
import 'package:flutx_ui/widgets/on_boarding/animation_gesture/page_dragger.dart';
import 'package:flutx_ui/widgets/on_boarding/animation_gesture/page_reveal.dart';
import 'package:flutx_ui/widgets/on_boarding/on_boarding.dart';
import 'package:flutx_ui/widgets/on_boarding/ui/pager_indicator.dart';
import 'package:flutx_ui/widgets/on_boarding/ui/pages.dart';
import 'package:flutx_ui/widgets/progress_bar/progress_bar.dart';
import 'package:flutx_ui/widgets/responsive/flex.dart';
import 'package:flutx_ui/widgets/responsive/flex_item.dart';
import 'package:flutx_ui/widgets/responsive/responsive.dart';
import 'package:flutx_ui/widgets/star_rating/star_rating.dart';
import 'package:flutx_ui/widgets/svg/svg.dart';
import 'package:flutx_ui/widgets/tab_indicator/tab_indicator.dart';
import 'package:flutx_ui/widgets/tab_indicator/tab_indicator_painter.dart';
import 'package:flutx_ui/widgets/text/text.dart';
import 'package:flutx_ui/widgets/text_field/text_field.dart';
import 'package:flutx_ui/widgets/widgets.dart';