bottom_aligned_button

Description:

bottom aligned button

Provides BottomAlignedButton and DistancedWidgets widget that helps to place button (or any widget) at the bottom of the screen.

Usage #
BottomAlignedButton #
Places child on top of itself and button on bottom. If child takes more height than BottomAlignedButton itself then bottom is moved to end of created list and becomes scrollable with child.
example:
BottomAlignedButton(
button: ElevatedButton(
onPressed: () {},
child: const Text('Sign In'),
),
child: Column(
children: [
// some widgets, for example textfield of login form
],
),
)
copied to clipboard
DistancedWidgets #
Places top on top and bottom on bottom.
If top takes more than DistancedWidgets itself then bottom is hide.
onBottomHide is called after each RenderObject.performLayout when bottom is not rendering. onBottomShow is called after each RenderObject.performLayout when bottom is rendering
example:
DistancedWidgets(
top: Column(
children: [
// some widgets
]
),
bottom: ElevatedButton(
onPressed: () {},
child: const Text('Sign In'),
),
onBottomHide: () {},
onBottomShow: () {},
)
copied to clipboard