This repository is a high-quality, production-ready React Native library for building interactive bottom sheets. It provides a highly customizable component (`BottomSheet`) that supports gesture-driven snapping, dynamic sizing, keyboard handling, and modal presentation. The architecture is built on `react-native-reanimated` for performant animations on the UI thread and `react-native-gesture-handler` for gesture recognition. The library includes a rich set of pre-integrated scrollable components (FlatList, ScrollView, SectionList, VirtualizedList, FlashList), a modal variant (`BottomSheetModal`), and a context-based provider system for managing multiple sheets. The codebase is well-structured with TypeScript, clear separation of concerns, and extensive documentation. It is actively maintained with frequent releases and a large community (9k+ stars). The primary entry point is `src/index.ts`, which exports all components, hooks, and utilities. The library is not an application but a reusable UI component library, and it demonstrates strong engineering practices with reusable patterns like gesture handler providers, animated detent management, and scrollable component factories.
This repository contains a React Native library that provides pinch-to-zoom functionality with advanced gesture handling. The core implementation uses React Native Reanimated and Gesture Handler to deliver smooth 60fps/120fps animations for zoom, pan, and double-tap interactions. The library offers both a ready-to-use `<Zoom>` component and a `useZoomGesture` hook for custom implementations, featuring Apple Photos-style physics including rubber band effects, focal point tracking, and seamless gallery navigation. The implementation demonstrates sophisticated gesture coordination and performance optimization through proper use of worklets to keep animations on the UI thread. The useZoomGesture hook encapsulates complex logic for managing shared values, handling simultaneous gestures (tap, pan, pinch), and implementing physics-based responses like rubber band effects and spring animations. It carefully handles edge cases such as boundary conditions, momentum preservation, and platform-specific behaviors to ensure a polished user experience. Key features include configurable zoom limits, double-tap zoom with customizable scales, optional JS bridge callbacks for less performance-critical use cases, and advanced gallery swipe navigation that enables seamless transitions between images in a flat list while zoomed—just like the native iOS Photos app. The library is designed with performance in mind, minimizing JavaScript bridge communication by leveraging worklet-based animations for the core interaction logic.
This is a mature, cross-platform React Native bottom sheet library (`@lodev09/react-native-true-sheet`) that provides native-feeling sheets on iOS (UISheetPresentationController), Android (BottomSheetBehavior + CoordinatorLayout), and Web (forked Vaul drawer). It is built exclusively for React Native's New Architecture (Fabric) with shared C++ shadow nodes for synchronous per-detent layout. The library offers an imperative API via refs and a global static method registry, plus optional integrations with React Navigation (custom stack router and sheet navigator), Expo Router (Sheet layout), and Reanimated (worklet-driven position tracking). Key features include automatic detent sizing, peek detents, header/footer overlays, keyboard avoidance, stacked sheets, dimming, and a portal-based overlay for toasts/dialogs. The codebase demonstrates high craftsmanship with clean native delegates, extensive event handling, and thorough test mocks. It is actively maintained with multiple example apps, CI/CD, Maestro E2E tests, and a documentation site.
A React Native library providing high-performance animated headers for scroll views (ScrollView, FlatList, SectionList, FlashList). It leverages react-native-reanimated for smooth 60fps animations and supports both absolute and relative header positioning with fade-in/scale effects. The library exports composable components like Header, LargeHeader, FadingView, and ScalingView, plus container components that wrap native scrollable views with header logic. It is fully typed, follows React Native new architecture, and works with Expo. The example app demonstrates multiple real-world patterns including Twitter profile, inverted chat, and blurred surfaces. The core scroll logic is encapsulated in a reusable hook (useScrollContainerLogic) that manages shared values for scroll position, navbar visibility, and auto-fix scrolling behavior.