Skip to main content

app_ui ๐Ÿ“ฆ

The app_ui package is structured using the Atomic Design Pattern and includes:

  • ๐ŸŽจ App Themes
  • ๐Ÿ”ค Fonts
  • ๐Ÿ“ Assets Storage
  • ๐Ÿงฉ Common Widgets
  • ๐Ÿ› ๏ธ Related Generated Files

Spacing ๐Ÿ›ฐ๏ธ ( Atom level )โ€‹

  • In DashingKit, you won't need to directly use SizedBox for spacing, because you'll have a better way to do it ๐Ÿ˜‰ In the spacing.dart file.
  • You will be able to configure the horizontal and vertical spacing parameters.
  • You can use HSpace or VSpace with their respective named constructors for adding empty space.
  • This will ensure that whenever the user wants to change the spacing throughout the app, they will be able to do so by modifying just this class.

Thus instead of writing:

const SizedBox(height: 8)

You can write:

VSpace.xsmall()
info

Other atom level classes AppBorderRadius, Insets, AppText, AppLoadingIndicator

Accessing Buttons ๐Ÿ”ต ( Molecule Level )โ€‹

  • In the DashingKit, There's file named app_button.dart that includes all the types and variations of the Buttons that you'll need in the entire App.
  • You can go into that file and configure the buttons as per your App's design.

Example of using a button:

AppButton(
text: context.t.login,
onPressed:(){},
isExpanded: true,
isEnabled: false,
)
info

Other molecule level widgets CustomAppBar, AppDropdownWidget , AppTextField, AppNetworkImage,

tip

Animated widgets like AnimatedGestureDetector and SlideAndFadeAnimation are also included.