react-native-actions-sheet
react-native-actions-sheet copied to clipboard
how to add footer component
I've been testing out this library to see if i can use this in replacement of react-native-bottom-sheet. it has all the features I need but I couldn't find a way to add Footer Component
A use-case for Footer Component would be something like shown in below image

If I understand correctly, you can add a component at bottom for footer which should just work unless you are looking for something else?
Just putting a View style={{height:100}} /> creates a footer and you can add anything there like tabs etc?
I have a use-case like this
<ScrollView> ... </ScrollView>
<Footer/>
And, I would like the Footer to always be visible irrespective of the scroll position. Just adding the <Footer/> beneath the ScrollView will not work because it will pushed below the scrollable content and will be visible only if I scroll to the bottom.
@ammarahm-ed How to pass children to Action sheet?
export default function Drawer({ children }: DrawerProps) {
...
return (
<ActionSheet
CustomHeaderComponent={DrawerHeader}
headerAlwaysVisible={true}
containerStyle={styles.actionSheetContainer}>
<View style={styles.contentContainer}>{children}</View>
</ActionSheet>
);
}
I was looking for something like this. I have a couple of content views so I thought of creating a single drawer and then passing my content inside of this drawer but it doesn't seem to work like this :(
<Drawer>
<MyContent />
</Drawer>