react-native - react-native-swiper 无法在 TouchableWithoutFeedback 中工作

Question

嵌套在里面时我无法滑动图像TouchableWithoutFeedback

<Modal ...>
  <TouchableWithoutFeedback onPress={handleToggleModal}>
     <Swiper
          style={styles.wrapper}
          dot={
            <View
              style={{
                backgroundColor: 'rgba(255,255,255,.3)',
                width: 13,
                height: 13,
                borderRadius: 7,
                marginLeft: 7,
                marginRight: 7
              }}
            />
          }
          activeDot={
            <View
              style={{
                backgroundColor: '#fff',
                width: 13,
                height: 13,
                borderRadius: 7,
                marginLeft: 7,
                marginRight: 7
              }}
            />
          }
          paginationStyle={{
            bottom: 70
          }}
          loop={false}
        >
          <View style={styles.slide}>
            <Image
              style={styles.image}
              source={require('./img/1.jpg')}
              resizeMode="cover"
            />
          </View>
          <View style={styles.slide}>
            <Image
              style={styles.image}
              source={require('./img/2.jpg')}
              resizeMode="cover"
            />
          </View>
          <View style={styles.slide}>
            <Image style={styles.image} source={require('./img/3.jpg')} />
          </View>
      </Swiper>
  </TouchableWithoutFeedback>
</Modal>