awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
react-native-community avatar

react-native-community/react-native-modal

0
View on GitHub↗
5,656 stars·653 forks·TypeScript·MIT·3 vues

React Native Modal

Ce projet est un composant d'interface utilisateur multiplateforme pour React Native qui fournit une fenêtre d'overlay personnalisable pour présenter du contenu au-dessus des vues existantes de l'application. Il sert de bibliothèque pour gérer des composants modaux animés, des arrière-plans et des transitions mobiles.

Le composant se distingue par la prise en charge d'animations d'entrée et de sortie personnalisées et d'arrière-plans hautement configurables, permettant l'ajustement de l'opacité, de la couleur et l'intégration d'éléments personnalisés. Il implémente également la fermeture par gestes, permettant aux utilisateurs de fermer les overlays via des tapotements sur l'arrière-plan ou des balayages dans des directions spécifiées.

La bibliothèque gère les défis d'interface spécifiques au mobile, notamment le positionnement adaptatif du clavier pour garder le contenu visible lorsque le clavier logiciel s'ouvre, et la coordination des gestes de balayage avec le contenu défilable interne. Elle fournit en outre des rappels de cycle de vie qui se déclenchent pendant les séquences d'animation et les événements système.

Features

  • Mobile Overlay Interfaces - Provides a cross-platform UI component for building animated popups and dialogs on mobile devices.
  • Keyboard Occlusion Management - Ensures overlay content remains visible and accessible when the software keyboard opens on mobile devices.
  • Mobile Gesture Interactions - Implements touch-based gestures such as swipe-to-dismiss for temporary mobile screens.
  • React Native Components - Provides a specialized UI component for creating custom overlay windows within the React Native ecosystem.
  • Component Composition Primitives - Wraps native modal primitives with a flexible layer of props for customizable backdrop and content styling.
  • Cross-Platform UI Component Libraries - Offers a reusable interface element for consistent modal behavior across different mobile operating systems.
  • Gesture-Based Dismissal - Enables the closure of modal panels through swipe gestures and background tap interactions.
  • Keyboard-Relative Positioning - Dynamically offsets the vertical position of the overlay based on the virtual keyboard's current frame.
  • Modal Transition Styles - Supports custom animation configurations for the presentation and dismissal of modal overlays.
  • Modal Overlays - Provides a comprehensive library for managing modal windows, backdrops, and overlay interaction logic.
  • Touch Gesture Detection - Detects and responds to touch interactions including swipes and background taps to trigger modal dismissal.
  • UI Transition Animations - Provides visual effects that interpolate styles and opacity during the modal entry and exit transitions.
  • Lifecycle Callbacks - Implements function hooks that trigger specifically at the start and end of modal animation sequences.
  • Modal Lifecycle Hooks - Triggers specific callbacks when modal animations start or finish, and upon system back button presses.
  • Popup Backdrops - Allows customization of the background overlay, including color, opacity, and custom elements for visual isolation.
  • UI Components - Enhanced and animated modal component.

Historique des stars

Graphique de l'historique des stars pour react-native-community/react-native-modalGraphique de l'historique des stars pour react-native-community/react-native-modal

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Questions fréquentes

Que fait react-native-community/react-native-modal ?

Ce projet est un composant d'interface utilisateur multiplateforme pour React Native qui fournit une fenêtre d'overlay personnalisable pour présenter du contenu au-dessus des vues existantes de l'application. Il sert de bibliothèque pour gérer des composants modaux animés, des arrière-plans et des transitions mobiles.

Quelles sont les fonctionnalités principales de react-native-community/react-native-modal ?

Les fonctionnalités principales de react-native-community/react-native-modal sont : Mobile Overlay Interfaces, Keyboard Occlusion Management, Mobile Gesture Interactions, React Native Components, Component Composition Primitives, Cross-Platform UI Component Libraries, Gesture-Based Dismissal, Keyboard-Relative Positioning.

Quelles sont les alternatives open-source à react-native-community/react-native-modal ?

Les alternatives open-source à react-native-community/react-native-modal incluent : react-native-community/react-native-elements — React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of… xotahal/react-native-material-ui — This project is a cross-platform mobile UI framework and component library for building native interfaces. It provides… orderella/popupdialog — PopupDialog is a Swift UI component library for iOS that provides a custom modal overlay system. It serves as a… wix/react-native-ui-lib — This project is a React Native UI library and mobile component framework designed for building consistent, themed… shoutem/ui — This project is a cross-platform mobile UI library and design system built for the React Native framework. It provides… exyte/popupview — PopupView is a SwiftUI popup library and modal view manager used to display toasts and floating alerts over active…

Alternatives open source à React Native Modal

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec React Native Modal.
  • xotahal/react-native-material-uiAvatar de xotahal

    xotahal/react-native-material-ui

    3,786Voir sur GitHub↗

    This project is a cross-platform mobile UI framework and component library for building native interfaces. It provides a suite of pre-built interface controls and a scalable design system to ensure a uniform visual language across mobile screens. The library is centered on a theme-based system that uses a centralized configuration object to manage colors, spacing, and typography. This configuration propagates through the component tree, allowing developers to customize the global theme or apply local style overrides to individual elements. The framework includes a collection of reusable Mate

    JavaScript
    Voir sur GitHub↗3,786
  • react-native-community/react-native-elementsAvatar de react-native-community

    react-native-community/React-Native-Elements

    25,851Voir sur GitHub↗

    React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of pre-built visual elements and a framework for building responsive, uniform layouts that render consistently across different mobile operating systems. The library focuses on mobile interface standardization and React Native frontend design. It enables rapid mobile prototyping by offering a shared set of common UI patterns, allowing developers to assemble functional interfaces without coding every component from scratch. The toolkit supports cross-platform UI development by ensuring

    MDX
    Voir sur GitHub↗25,851
  • orderella/popupdialogAvatar de orderella

    orderella/PopupDialog

    4,026Voir sur GitHub↗

    PopupDialog is a Swift UI component library for iOS that provides a custom modal overlay system. It serves as a flexible replacement for the standard system alert controller, allowing for the creation of stylized popups and alerts with custom layouts. The library distinguishes itself through the ability to embed arbitrary view controllers directly into the dialog body. It includes a centralized theme configuration system to maintain consistent visual styles for containers, overlays, and buttons across an entire application. The project covers a broad range of layout and behavioral controls,

    Swift
    Voir sur GitHub↗4,026
  • wix/react-native-ui-libAvatar de wix

    wix/react-native-ui-lib

    7,139Voir sur GitHub↗

    This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

    TypeScriptandroidcomponentshacktoberfest
    Voir sur GitHub↗7,139
Voir les 30 alternatives à React Native Modal→