React Native Draggable Flatlist работает только в ScrollView, но ошибки? - PullRequest
Новая
       7

React Native Draggable Flatlist работает только в ScrollView, но ошибки?

0 голосов
/ 10 марта 2020

Я использую React Native Draggable Flatlist:

https://github.com/computerjazz/react-native-draggable-flatlist

Этот код работает, но я получаю сообщение об ошибке: 

const MyComponent = ({ items }) => {
  const renderItem = ({ item, index, drag, isActive }) => {
    return (
      <View style={{ flexDirection: "row" }}>
        <TouchableOpacity
          style={{
            backgroundColor: isActive ? "blue" : "gold",
            marginBottom: 10
          }}
          onPressIn={drag}
        >
          <Text>Move</Text>
        </TouchableOpacity>
        <InputText index={index} text={item} />
      </View>
    );
  };

  return (
    <ScrollView>
      <DraggableFlatList
        data={items}
        renderItem={renderItem}
        keyExtractor={(item, index) => `${index}`}
        onDragEnd={(e) => console.log(e)}
      />
    </ScrollView>
  );
};

Виртуализированные списки никогда не должны быть вложены в простые ScrollView с той же ориентацией - используйте вместо этого другой контейнер, поддерживаемый VirtualizedList.

Если я изменю ScrollView на View, тогда ошибка исчезнет, ​​однако Теперь я не вижу ни одного из предметов.

...