example of Extend sheet height when its content is scrolled

[Madeean]

hi, could you please tell me the code example of Extend sheet height when its content is scrolled?

[stanleyugwu]

Something like below should work

export default function App() {
  const sheetRef = React.useRef<BottomSheetMethods>(null);
  const [dynamicHeight, setDynamicHeight] = React.useState(200)

  return (
    <View style={styles.container}>
      <BottomSheet ref={sheetRef} height={dynamicHeight}>
        <ScrollView onScroll={() => setDynamicHeight(500)}>
        <Text>HELLO</Text>
        </ScrollView>
      </BottomSheet>
    </View>
  );
}

The height prop is somewhat alive lol, so any changes to it would cause the sheet to re-render and adjust it's height accordingly