Scrollables with FAB
Hero Design introduces 3 scroll components: ScrollViewWithFAB, FlatListWithFAB and SectionListWithFAB that can be used to achieve scroll-based animations with FAB and FAB.ActionGroup components.
Example
These components can be used just like their React Native counterparts, with the addition of fabProps props to configure the FAB or FAB.ActionGroup.
ScrollViewWithFAB
FlatListWithFAB
SectionListWithFAB
Props
ScrollViewWithFAB
Prop | Required | Default | Type | |
|---|---|---|---|---|
fabProps | required | FABProps | ActionGroupProps |
FlatListWithFAB
Prop | Required | Default | Type | |
|---|---|---|---|---|
fabProps | required | FABProps | ActionGroupProps |
SectionListWithFAB
Prop | Required | Default | Type | |
|---|---|---|---|---|
fabProps | required | FABProps | ActionGroupProps |