UNPKG

@nipe-solutions/react-spring-bottom-sheet

Version:

React 18, XState v5 - ✨ Accessible, 🪄 Delightful, and 🤯 Performant. Built on react-spring for the web, and react-use-gesture.

21 lines (20 loc) 868 B
/// <reference types="react" /> /** * Handle scroll locking to ensure a good dragging experience on Android and iOS. * * On iOS the following may happen if scroll isn't locked: * - When dragging the sheet the background gets dragged at the same time. * - When dragging the page scroll is also affected, causing the drag to feel buggy and "slow". * * On Android it causes the chrome toolbar to pop down as you drag down, and hide as you drag up. * When it's in between two toolbar states it causes the framerate to drop way below 60fps on * the bottom sheet drag interaction. */ export declare function useScrollLock({ targetRef, enabled, reserveScrollBarGap, }: { targetRef: React.RefObject<Element>; enabled: boolean; reserveScrollBarGap: boolean; }): import("react").MutableRefObject<{ activate: () => void; deactivate: () => void; }>;