Description:

smart space

SmartSpace ensures that layouts are visually balanced. Spacings are sized in constant increments, ensuring a consistent visual rhythm across each screen.



Features #

Defines a constant for consistent spacing
Automatically apply the spacing to the right axis direction

Getting started #
Define a spacing base
kSpace = yourSpace; // default: 8.0
copied to clipboard
Usage #
Use kSpace as a constant for spacings
Padding(
padding: EdgeInsets.symmetric(
horizontal: kSpace * 2,
vertical: kSpace,
),
child: ...
)
copied to clipboard
Use Space on Flex and ScrollView children
Space(multiplier) // creates a space of kSpace * multiplier
copied to clipboard
Examples #
Column(
children: [
...
Space(),
...
],
)
copied to clipboard
Row(
children: [
...
Space(),
...
],
)
copied to clipboard
ListView(
children: [
...
Space(),
...
],
)
copied to clipboard
ListView.separated(
itemCount: ...
separatorBuilder: (_, __) => Space(),
itemBuilder: ...
)
copied to clipboard
Additional information #
If you notice any bugs not present in issues, please file a new issue.
If you are willing to fix or enhance things yourself, your are very welcome to make a pull request.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter