Adding Footer

Do you need a FAB (Floating Action Button) on the sheet? Or perhaps a small banner at the bottom? We've got you covered!

TrueSheet provides first-class support for a Footer component. This component will float at the bottom of the sheet.

How?

Define your footer component.

const SomeFooter = () => {
  return (
    <View>
      <Text>My Foot-er is Awesome.</Text>
    </View>
  )
}

Stick it in the FooterComponent.

const App = () => {
  return (
    <TrueSheet FooterComponent={SomeFooter}>
      <View />
    </TrueSheet>
  )
}

tip

For best performance, use ReactElement instead!

const App = () => {
  return (
    <TrueSheet
      ref={sheet}
      FooterComponent={
        <View>
          <Text>My Foot-er is more awesome.</Text>
        </View>
      }
    >
      <View />
    </TrueSheet>
  )
}