React Native Draggable Flatlist работает только в ScrollView, но возникают ошибки?
Я использую 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>
);
};
VirtualizedLists никогда не должны быть вложены в простые ScrollView с той же ориентацией - вместо этого используйте другой контейнер с поддержкой VirtualizedList.
Если я изменю ScrollView
к View
тогда ошибка исчезнет, однако теперь я не вижу ни одного из элементов.