Can not zoom, swipe list images when using Modal

react-native: 0.65.1 react-native-awessome-gallery: 0.2.6 react-native-reanimated: 2.2.3

Code

<Modal visible={true}>
	<Gallery
		ref={galleryRef}
		data={props.imageUrls}
		maxScale={10}
		initialIndex={props.defaultIndex}
		onIndexChange={setSelectedImage}
	/>
</Modal>

[kamui545]

You need to wrap the gallery with GestureHandlerRootView if you’re using it inside a modal on Android.

import { GestureHandlerRootView } from 'react-native-gesture-handler';

<Modal
  visible={viewerVisible}
  animationType="fade"
  transparent
  onRequestClose={closeViewer}>
  <GestureHandlerRootView style={{ flex: 1 }}>
    <Gallery
      data={images}
      onSwipeToClose={closeViewer}
      onIndexChange={onGalleryIndexChange}
      initialIndex={viewerPhoto}
    />
  </GestureHandlerRootView>
</Modal>

Maybe this could be handled by the library itself? @pavelbabenko

https://docs.swmansion.com/react-native-gesture-handler/docs/#for-library-authors

[pavelbabenko]

Tested on Android with v0.3.0. Everything worked well. Note: v0.3.0 uses Gesture Handler v2 I’m closing the issue, but if the bug appears, please reopen it again.