SlideUpModal

A modal that slides up from the bottom, that features a header, footer and scrollview for content.

Dos and don'ts.

  • Don't wrap content in a <ScrollView/> or <KeyboardAwareScrollView/> - These are built-in!
  • If your slide up sheet will contain an input that shows a Keyboard, don't set autoHeight = true. Otherwise the keyboard will cover the modal.
  • Setting autoHeight = true is only recommended for modals with a small amount of content (i.e. unlikely to grow beyond the size of the default modal).

Props

addPadding
bool
autoHeight
bool
afterTitle
element
beforeTitle
element
children
node
footerContent
Array<node>
footerDirection
"row" │ "column"
"row"
onHide
func
onModalHide
func
title
element │ string
visible
bool