如何通过设置捕捉点或其他方式为子视图设置动态高度？下面是我的父组件和子组件代码。

的数据

需要通过删除多余空格来设置模态的动态高度
child.tsx

import {
 BottomSheetModal,
 BottomSheetModalProps,
 BottomSheetModalProvider,
} from '@gorhom/bottom-sheet';
import { BottomSheetModalMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
import { Portal } from 'react-native-portalize';    

const BottomSheet = forwardRef<BottomSheetModalMethods, Props>(
({ children, snapPoints, handleSheetClose }, ref) => {

const memorizedSnapPoints = useMemo(() => snapPoints, [snapPoints]);

return (
  <Portal>
    <BottomSheetModalProvider>
      <BottomSheetModal
        ref={ref}
        index={1}
        snapPoints={memorizedSnapPoints}
        backdropComponent={(props) => (
          <CustomBackdrop onPress={handleSheetClose} {...props} />
        )}
        handleIndicatorStyle={handler}
        onDismiss={handleSheetClose}
        backgroundStyle={backgroundModal}
      >
        <View style={[flex1, contentContainer]}>{children}</View>
      </BottomSheetModal>
    </BottomSheetModalProvider>
  </Portal>
);
},
);

字符串

parent.tsx

<BottomSheet
    ref={bottomSheetModalRef}
    snapPoints={['25%', DEVICE_HEIGHT * 0.35]}
    handleSheetClose={handleSheetClose}
  >

型