react-native-gesture-image-viewer@2.0.0-beta.5
Pre-release
Pre-release
·
9 commits
to main
since this release
Minor Changes
-
adfb590: feat: implement trigger-based modal animation system
- Add
GestureTrigger
component for registering trigger elements - Implement trigger position-based modal open/close animations
- Add
GestureViewerRegistry
for managing trigger nodes - Support customizable animation config (duration, easing, callbacks)
- Enable smooth transition from trigger element to full modal view
Example:
import { GestureTrigger, GestureViewer } from 'react-native-gesture-image-viewer'; // Wrap your thumbnail with GestureTrigger <GestureTrigger id="gallery" onPress={() => openModal(index)}> <Pressable style={styles.thumb}> <Image source={{ uri }} style={styles.thumbImage} /> </Pressable> </GestureTrigger> // Configure GestureViewer with matching id <GestureViewer id="gallery" data={images} renderItem={renderImage} triggerAnimation={{ duration: 300, easing: Easing.bezier(0.25, 0.1, 0.25, 1.0), onAnimationComplete: () => console.log('Animation finished!') }} />
- Add