BottomSheet

Panel que sube desde abajo. Arrástralo o toca el fondo para cerrar.

Uso

import {BottomSheet} from 'rn-inkpad';

<BottomSheet visible={visible} onClose={() => setVisible(false)}>
  <Content />
</BottomSheet>

<BottomSheet visible={visible} height={400} onClose={close} backgroundColor="#F3F4F6" />

Props

Nombre	Tipo	Por defecto	Descripción
visible	boolean		Shows the sheet.
onClose	() => void		Called when the user asks to close (backdrop, drag, back button). Set visible to false in it.
children	ReactNode		Content.
height	number	content height	Fixed height.
backgroundColor	string	theme background	Sheet color.
backdropColor	string	theme overlay	Backdrop color.
radius	number	theme radius lg	Top corners radius.
showHandle	boolean	true	Drag handle at the top.
handleColor	string	theme border	Handle color.
closeOnBackdrop	boolean	true	Tap the backdrop to close.
dragToClose	boolean	true	Drag the sheet down to close.
style	StyleProp<ViewStyle>		Sheet style.