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