awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
react-native-modal avatar

react-native-modal/react-native-modal

0
View on GitHub↗
5,657 星标·652 分支·TypeScript·MIT·5 次浏览

React Native Modal

这是一个用于 React Native 的移动 UI 覆盖层库,提供动画模态组件。它作为一个手势响应式界面元素,用于通过支持自定义过渡和动态布局调整的覆盖窗口来呈现补充内容。

该库具有动态布局观察器,可在屏幕旋转或屏幕键盘出现时自动调整组件大小和位置。它实现了基于手势的导航,允许用户通过配置的滑动操作和背景交互来关闭覆盖层。

该项目涵盖了动画和过渡协调,包括在窗口动画前后执行回调的生命周期钩子。它还包括用于背景自定义和滚动内容管理的实用工具,以防止在滑动关闭操作期间发生交互冲突。

Features

  • Modal Components - Provides highly styled modal components for React Native with custom animations and backdrop controls.
  • React Native Components - Implements animated overlay windows as pre-built UI components for React Native development.
  • Swipe Threshold Processors - Triggers modal dismissal based on touch coordinates and velocity thresholds during swipe gestures.
  • Gesture-Based UI Components - Provides a UI component that tracks gestures and backdrop interactions to trigger dismissal animations.
  • Interactive Dismissal - Closes overlay windows automatically when users tap the backdrop or complete a swipe gesture.
  • Native Animation Interpolators - Coordinates JavaScript state changes with native animation frames for high-performance overlay transitions.
  • Overlay Transition Animations - Provides custom entrance and exit animations for modal overlay windows to ensure smooth visual feedback.
  • State Transition Animators - Synchronizes application state changes with native animation frames for fluid overlay transitions.
  • Dynamic Layout Observers - Automatically adjusts modal dimensions by monitoring device orientation and keyboard visibility events.
  • Swipe-to-Dismiss Gestures - Defines directional swipe gestures and sensitivity thresholds used to dismiss modal content.
  • Navigation Gestures - Implements swipe-to-dismiss patterns to allow users to close overlays through intuitive touch gestures.
  • Scroll-Gesture Coordinators - Prevents interaction conflicts between internal content scrolling and swipe-to-dismiss gestures.
  • Soft Keyboard Layout Managers - Implements layout management that automatically shifts modal windows to keep input fields accessible when the virtual keyboard appears.
  • Adaptive Window Dimensioning - Provides dynamic recalculation of window dimensions and positions in response to device orientation and keyboard visibility.
  • Transition Lifecycle Hooks - Executes developer-defined callbacks at precise intervals before and after window transition animations.
  • Scrollable Content Integrations - Handles scroll offsets and touch event propagation for oversized content within modal windows.
  • Mobile Overlay Interfaces - Offers a suite of UI components for presenting temporary overlay content on mobile devices.
  • Backdrop Configurators - Offers utilities to customize the opacity, color, and interactivity of the background backdrop layer.
  • Event-Intercepting Backdrops - Implements a full-screen background layer that captures pointer events to trigger modal dismissal.

Star 历史

react-native-modal/react-native-modal 的 Star 历史图表react-native-modal/react-native-modal 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

包含 React Native Modal 的精选搜索

收录 React Native Modal 的精选合集。
  • React Native UI 组件库

React Native Modal 的开源替代方案

相似的开源项目,按与 React Native Modal 的功能重合度排序。
  • react-native-community/react-native-modalreact-native-community 的头像

    react-native-community/react-native-modal

    5,656在 GitHub 上查看↗

    This project is a cross-platform UI component for React Native applications that provides a customizable overlay window for presenting content on top of existing application views. It serves as a library for managing animated modal components, backdrops, and mobile transitions. The component distinguishes itself through support for custom enter and exit animations and highly configurable backdrops, allowing for the adjustment of opacity, color, and the integration of custom elements. It also implements gesture-based dismissal, enabling users to close overlays via background taps or swipes in

    TypeScript
    在 GitHub 上查看↗5,656
  • jeremybarbet/react-native-modalizejeremybarbet 的头像

    jeremybarbet/react-native-modalize

    2,886在 GitHub 上查看↗

    React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro

    TypeScriptcomponentmodalreact
    在 GitHub 上查看↗2,886
  • john-lluch/swrevealviewcontrollerJohn-Lluch 的头像

    John-Lluch/SWRevealViewController

    4,489在 GitHub 上查看↗

    SWRevealViewController is an iOS container view controller and navigation transition component used to create reveal view interfaces. It functions as a side menu controller that slides a primary view to expose a secondary navigation panel or hidden content. The project enables the creation of layered UI where a main screen moves away from the edges via pan and tap gestures to reveal a background side menu. It manages the visual transitions and animation behaviors required to switch between these stacked view controllers. The system handles nested interface layers and view controller manageme

    Objective-C
    在 GitHub 上查看↗4,489
  • kirillzyusko/react-native-keyboard-controllerkirillzyusko 的头像

    kirillzyusko/react-native-keyboard-controller

    3,349在 GitHub 上查看↗

    This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based dismissal, and event tracking. It serves as a cross-platform keyboard event bus, ensuring consistent keyboard show and hide behavior between iOS and Android. The project features an interactive animation driver that links native keyboard frame events directly to animated values to bypass bridge round-trips. It enables interactive keyboard dismissal via swipe gestures and includes a keyboard preloading system to eliminate first-show latency and input lag. The library provides com

    TypeScriptandroidanimationavoiding-view
    在 GitHub 上查看↗3,349
查看 React Native Modal 的所有 30 个替代方案→

常见问题解答

react-native-modal/react-native-modal 是做什么的?

这是一个用于 React Native 的移动 UI 覆盖层库,提供动画模态组件。它作为一个手势响应式界面元素,用于通过支持自定义过渡和动态布局调整的覆盖窗口来呈现补充内容。

react-native-modal/react-native-modal 的主要功能有哪些?

react-native-modal/react-native-modal 的主要功能包括:Modal Components, React Native Components, Swipe Threshold Processors, Gesture-Based UI Components, Interactive Dismissal, Native Animation Interpolators, Overlay Transition Animations, State Transition Animators。

react-native-modal/react-native-modal 有哪些开源替代品?

react-native-modal/react-native-modal 的开源替代品包括: react-native-community/react-native-modal — This project is a cross-platform UI component for React Native applications that provides a customizable overlay… jeremybarbet/react-native-modalize — React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a… kirillzyusko/react-native-keyboard-controller — This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based… john-lluch/swrevealviewcontroller — SWRevealViewController is an iOS container view controller and navigation transition component used to create reveal… dylanvann/react-native-fast-image — This is a high-performance image component and native caching library for mobile applications. It provides tools for… meliorence/react-native-snap-carousel — This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It…