Updating sheet position after snapPoints change

It doesn’t appear that the position of the sheet changes if the snapPoints props are changed. Is there any way to make this work? Or is that not supported?

It would be nice to have the positions be dynamic based on content heights, where the snapPoints are defined from state values set in onLayout callbacks of the sheet elements.

[njdancer]

As a workaround you can set the key to a value changes with the snapPoints. This will force a re-render.

For example:

const BottomSheetContainer = ({ snapPointHeight }) => {
  return (
    <BottomSheet
      key={snapPointHeight}
      renderContent={() => <BottomSheetContent />}
      renderHeader={() => <BottomSheetHeader />}
      snapPoints={[snapPointHeight, 400]}
    />
  )
}

[EricPKerr]

@osdnk is there a recommended way to do this? Seems like dynamic snapPoint support would be an awesome addition to this