2: Heights

Sheet.tsx

const Sheet: React.FC<SheetProps> = (props) => {
  const [dimensions, setDimensions] = useState({ window, screen });

  useEffect(() => {
    // Watch for screen size changes and update the dimensions
    const subscription = Dimensions.addEventListener(
      'change',
      ({ window, screen }) => {
        setDimensions({ window, screen });
      },
    );
    return () => subscription?.remove();
  });

  // Fixed values (for snap positions)
  const minHeight = props.minHeight || 120;
  const maxHeight = props.maxHeight || dimensions.screen.height;
  const expandedHeight = props.expandedHeight || dimensions.screen.height * 0.6;