React Native - прокрутка списка не работает в Pan Responder

Question

React Native, используя PanResponder View в качестве родителя и имея плоский список в качестве дочернего элемента представления, без PanResponder, прокрутка flatlist работает нормально, но с PanResponder прокрутка flatlist не работает.

Answer 1

Я не нахожу правильного решения, но обходной путь - обернуть элементы плоского списка в TouchableOpacity, он сделает прокручиваемый плоский список. Если вам не нравится непрозрачность TouchableOpacity, вы можете установить activeOpacity в 1.

Пример:

<View {...this.gestureHandlers.panHandlers} style={styles.container}>
  <FlatList
    horizontal={true}
    data={this.state.FlatlistData}
    renderItem={({ item }) => {
      return (
        <TouchableOpacity activeOpacity={1} style={styles.itemsStyle}>
          {/* Your core view here */}
        </TouchableOpacity>
      )
    }}
  />
</View>