React native 平面列表+;PanResponder无滚动
我有一个平面列表重新订购的项目,它有一个PanResponder。 如果我从机器人快速滑动到顶部,列表将滚动,如果我移动得较慢,PanResponder将获得事件 我怎样才能使它正常工作 我的代码: 我的名单:React native 平面列表+;PanResponder无滚动,react-native,scroll,react-native-flatlist,React Native,Scroll,React Native Flatlist,我有一个平面列表重新订购的项目,它有一个PanResponder。 如果我从机器人快速滑动到顶部,列表将滚动,如果我移动得较慢,PanResponder将获得事件 我怎样才能使它正常工作 我的代码: 我的名单: import {ScrollView, SafeAreaView, FlatList, StyleSheet} from 'react-native'; import Item from './Item' import { Divider } from 'react-native-el
import {ScrollView, SafeAreaView, FlatList, StyleSheet} from 'react-native';
import Item from './Item'
import { Divider } from 'react-native-elements';
export default function SwipeableList(props) {
const [items, setItems] = React.useState(props.datas);
const [deletedItems, setDeletedItems] = React.useState([]);
const [enable, setScrollEnabled] = React.useState(true);
return (
<SafeAreaView style={styles.container}>
<FlatList
data={items}
renderItem={({ item }) => <Item
title={item.title}
/>}
keyExtractor={item => item.id}
ItemSeparatorComponent={() => <Divider style={{ backgroundColor: 'blue' }}/> }
/>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container:{
width:"100%"
}
});
就像我在论坛上读到的一些问题
如果您有任何想法,谢谢您的帮助:)经过思考和阅读文档,我有了一个想法
onMoveShouldSetPanResponder: (evt, gestureState) => {
return gestureState.dx != 0 && gestureState.dy != 0;
}
它将解决触摸和滚动问题
onStartShouldSetPanResponder: (evt, gestureState) => false,
onStartShouldSetPanResponderCapture: (evt, gestureState) => false,
onPanResponderTerminationRequest: (evt, gestureState) => false,
onMoveShouldSetPanResponderCapture: (evt, gestureState) => true
onMoveShouldSetPanResponder: (evt, gestureState) => {
return gestureState.dx != 0 && gestureState.dy != 0;
}