This is a custom component package, which also includes some theme extension and type extension.

Features

Add this to your Flutter app to:

  1. Use more customized widgets and support global and local theme configurations.
  2. Some custom theme extensions are provided, such as color, spacing, round corner, shadow, etc.
  3. Some type extensions are provided.

Installing

Add this to your package's pubspec.yaml file:

dependencies:
  tx_design: ^latest

Import

import 'package:tx_design/tx_design.dart';

Usage

Use widget and set widget's theme:

const TxCellTheme(
  data: TxCellThemeData(),
  child: TxCell(labelText: 'labelText', contentText: 'contentText'),
);

Add themeExtension to your themeData:

ThemeData(
    extensions: [
      RadiusThemeData(),
    ]
);

Use type extension:

fianl String formattedTime = DateTime.now().format('yyyy-MM-dd HH:mm');

Libraries

extensions
extensions/color_extension
extensions/datetime_extension
extensions/datetime_range_extension
extensions/duration_extension
extensions/gradient_extension
extensions/int_extension
extensions/iterable_extension
extensions/string_extension
extensions/time_of_day_extension
form
form/array_form_field
form/cascade_picker_form_field
form/chip_form_field
form/common_text_form_field
form/date_picker_form_field
form/date_range_picker_form_field
form/datetime_picker_form_field
form/datetime_range_picker_form_field
form/form_field
form/form_field_theme
form/form_item_container
form/form_item_theme
form/input_form_field
form/month_picker_form_field
form/multi_picker_form_field
form/number_form_field
form/password_form_field
form/picker_form_field
form/radio_form_field
form/switch_form_field
form/text_form_field
form/time_picker_form_field
form/time_range_picker_form_field
form/wrap_field
form/year_picker_form_field
localizations
mixins
mixins/anchor_mixin
paintings
paintings/border
paintings/border_side
paintings/dash_painter
theme_extensions
theme_extensions/elevation
theme_extensions/radius
theme_extensions/spacing
tx_design
utils
utils/auto_orientation
utils/basic_types
utils/divide_tiles
utils/throttle
widgets
widgets/action_bar
widgets/action_bar_theme
widgets/animated_icon_button
widgets/badge
widgets/badge_theme
widgets/bottom_sheet
widgets/button_bar
widgets/button_bar_theme
widgets/cascade_picker
widgets/cell
widgets/cell_theme
widgets/data_grid
widgets/data_grid_theme
widgets/date_picker
widgets/date_picker_bar
widgets/date_picker_button
widgets/date_picker_button_theme
widgets/date_range_picker
widgets/date_range_picker_button
widgets/date_range_picker_button_theme
widgets/detail
widgets/detail_theme
widgets/dialog
widgets/divider
widgets/done
widgets/expandable_text
widgets/expandable_text_theme
widgets/expansion_panel
widgets/expansion_panel_theme
widgets/flow_menu_button
widgets/help_tooltip
widgets/loading
widgets/loading_theme
widgets/matching_text
widgets/multi_picker_bottom_sheet
widgets/panel
widgets/panel_theme
widgets/picker_bottom_sheet
widgets/progress_indicator
widgets/radio
widgets/radio_cell
widgets/radio_theme
widgets/shimmer
widgets/skeleton
widgets/skeleton_theme
widgets/sliver_header
widgets/square_avatar
widgets/status_indicator
widgets/status_indicator_theme
widgets/tab_bar
widgets/text_button
widgets/tile
widgets/tile_theme
widgets/tip
widgets/tip_theme
widgets/toast
widgets/toast_theme
widgets/top_sheet
widgets/top_sheet_theme
widgets/wrap_grid_view