wix/react-native-interactable
React Native Interactable
react-native-interactable 是一个用于 React Native 的手势物理库与交互框架。它提供了一个动画手势引擎与基于物理的 UI 工具包，旨在创建复杂的手势交互组件，如可滑动行与可拖拽卡片。
该项目通过模拟物理属性（包括弹簧张力、表面摩擦力与重力）脱颖而出。它允许创建吸引或排斥视图的重力井，并集成了模拟弹簧，以可调节的阻尼将元素拉向特定坐标。
该框架涵盖了广泛的交互能力，包括坐标吸附、边界进入检测以及带有可配置回弹效果的移动范围限制。它还支持将实时视图移动与动画属性同步，以驱动不透明度、缩放或旋转的变化。
Features
- UI Physics Coordinators - Calculates view coordinates using simulated spring tension, damping, and gravitational forces to mimic real-world movement.
- Gesture Interaction Frameworks - Implements a high-performance engine that maps real-time touch gestures to animated interface properties.
- Animated Gesture Event Mappings - Maps real-time view movement deltas to animated values for synchronized interface transitions.
- Interaction Frameworks - System for creating complex touch-based components like swipeable rows and draggable cards using high-performance animations.
- Gesture Physics Libraries - Provides high-performance draggable and swipeable interface elements in React Native using physics-based movement.
- Gesture Physics Extensions - Adds spring physics, friction, and gravitational forces to draggable views within React Native.
- Spring Physics Configurations - Provides simulated springs that pull elements toward specific coordinates with adjustable tension and damping.
- Physics-Based Animations - Implements interface elements that respond to touch using simulated gravity, springs, and friction.
- Interactive Motion Drivers - Binds real-time draggable view coordinates to animation drivers for controlling opacity, scale, and rotation.
- Movement Boundary Constraints - Restricts view movement within defined rectangular areas and implements bounce effects when boundaries are exceeded.
- Physics-Based UI Toolkits - Provides a comprehensive set of tools for simulating tension, damping, and boundary bounce for mobile interfaces.
- Interaction Coordinate Snapping - Forces views to align with specific target coordinates after a gesture ends to create locked UI states.
- Touch Coordinate Deltas - Tracks touch coordinate differences to apply physics-based friction and resistance logic.
- Physics-Driven View Rendering - Supports rendering views that interact dynamically using simulated spring physics, gravity, and friction.
- UI Gravitational Simulations - Enables the creation of gravity wells that attract or repel views within specific influence areas.
- UI Surface Friction Simulations - Simulates physical resistance within specific screen regions to increase movement difficulty for views.
- Interactive Navigation Components - Enables development of non-standard navigation components like draggable cards and swipeable rows with precise snapping.
- Screen Boundary Triggers - Triggers events when a view's center point enters or exits predefined screen boundary regions.
- Programmatic Position and Size - Enables the programmatic manipulation of view coordinates and velocities via imperative commands.
- Reactive Animation Bindings - Links real-time view movement to other animation values to create reactive and dynamic mobile user interfaces.
- Movement Range Restrictions - Allows setting hard horizontal and vertical movement boundaries with configurable bounce effects.
- Animation Response Mappings - Maps view movement deltas to animated values so other interface elements react in real-time.
- View Property Animators - Synchronizes view movement to animated values to drive the scale, opacity, or rotation of elements.
- Animation - High-performance interactable views.
