react-native-community/react-native-modal
React Native Modal
هذا المشروع عبارة عن مكون واجهة مستخدم متعدد المنصات لتطبيقات React Native يوفر نافذة تراكب قابلة للتخصيص لتقديم المحتوى فوق واجهات التطبيق الحالية. يعمل كمكتبة لإدارة المكونات المشروطة (modal) المتحركة، والخلفيات، وانتقالات الجوال.
يتميز المكون بدعم رسوم متحركة مخصصة للدخول والخروج وخلفيات قابلة للتكوين بدرجة عالية، مما يسمح بتعديل الشفافية واللون ودمج عناصر مخصصة. كما يطبق إغلاقاً يعتمد على الإيماءات، مما يمكن المستخدمين من إغلاق التراكبات عبر نقرات الخلفية أو السحب في اتجاهات محددة.
تتعامل المكتبة مع تحديات الواجهة الخاصة بالجوال، بما في ذلك تموضع لوحة المفاتيح التكيفي لإبقاء المحتوى مرئياً عند فتح لوحة المفاتيح البرمجية وتنسيق إيماءات السحب مع المحتوى القابل للتمرير الداخلي. كما توفر ردود اتصال لدورة الحياة يتم تفعيلها أثناء تسلسلات الرسوم المتحركة وأحداث النظام.
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.
