th3rdwave / react-navigation-bottom-sheet

MIT License
423 stars 18 forks source link

footerComponent props is not rendering #14

Closed MadeinFrance closed 1 year ago

MadeinFrance commented 1 year ago

See usage:

  const renderFooter = useCallback((props: BottomSheetFooterProps) => {
    console.log('render')

    return (
      <BottomSheetFooter {...props} bottomInset={Metrics.baseMargin}>
        <Text
          style={{
            color: 'white',
          }}
        >
          consentScreenDisclaimerText
        </Text>
      </BottomSheetFooter>
    )
  }, [])

 <MyStack.Screen
          name="MyScreen"
          component={MyScreen}
          options={{
            footerComponent: renderFooter,
            snapPoints: ['20%'],
          }}
/>