floating_bar 0.0.4 copy "floating_bar: ^0.0.4" to clipboard
floating_bar: ^0.0.4 copied to clipboard

A Draggable Floating Bar.When tapped, the children expand to be visible

"When tapped, the children expand to be visible, draggable via drag, and upon onPanEnd, designed to reattach to the left or right based on the given screen center."

The [children] parameter provides a list of child widgets to include in the bar. It can contain a maximum of five child widgets.

The [initialYOffsetPercentage] parameter represents the initial Y offset of the bar relative to the top of the parent widget. Its value must be between 0 and 1.

The [expansionWidthPercentage] parameter determines the percentage of the parent widget's width occupied by the expanded bar. It must be between 0 and 1.

The [collapsedOpacity] parameter determines the opacity of the bar when collapsed. It must be between 0 and 1.

The [expandedOpacity] parameter determines the opacity of the bar when expanded. It must be between 0 and 1.

Note: The width of each child in [children] is determined by the [expansionWidthPercentage] parameter, which calculates the available width based on the parent widget's width. Each child's width is then constrained by subtracting the padding between children ([childrenPadding]) and dividing by the number of children. Therefore, careful consideration should be given to the value of [childrenPadding].

Example: If the parent widget's width is 500, and [expansionWidthPercentage] is 0.5, then the expansion width will be 250. With a [childrenPadding] of 10 and a list of 5 children, each child can have a maximum width of (250 - 10 * 5) / 5 = 40.

#Basic UI and onPanEnd

floating_bar

#Expansion when onTap

floating_bar_onTap

#Dragging when onPanupdate

floating_bar_onPanUpdated

#collased floating bar UI changes

floating_bar_collapsed_UI_changes

#expanded floating bar UI changes

floating_bar_expanded_UI_changes

#constraints depends on parent's size & parameter

floating_bar_expanded_UI_constraints

7
likes
160
pub points
15%
popularity

Publisher

unverified uploader

A Draggable Floating Bar.When tapped, the children expand to be visible

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on floating_bar