diff options
Diffstat (limited to 'src/view/com/util/Pager.tsx')
-rw-r--r-- | src/view/com/util/Pager.tsx | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/view/com/util/Pager.tsx b/src/view/com/util/Pager.tsx index 9ce5006cd..89ba59e85 100644 --- a/src/view/com/util/Pager.tsx +++ b/src/view/com/util/Pager.tsx @@ -15,11 +15,13 @@ export interface TabBarProps { } interface Props { + tabBarPosition?: 'top' | 'bottom' renderTabBar: (props: TabBarProps) => JSX.Element onPageSelected?: (e: PageSelectedEvent) => void } export const Pager = ({ children, + tabBarPosition = 'top', renderTabBar, onPageSelected, }: React.PropsWithChildren<Props>) => { @@ -45,7 +47,13 @@ export const Pager = ({ return ( <View> - {renderTabBar({selectedPage, position, offset, onSelect: onTabBarSelect})} + {tabBarPosition === 'top' && + renderTabBar({ + selectedPage, + position, + offset, + onSelect: onTabBarSelect, + })} <AnimatedPagerView ref={pagerView} style={s.h100pct} @@ -64,6 +72,13 @@ export const Pager = ({ )}> {children} </AnimatedPagerView> + {tabBarPosition === 'bottom' && + renderTabBar({ + selectedPage, + position, + offset, + onSelect: onTabBarSelect, + })} </View> ) } |