Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 平面列表+;PanResponder无滚动_React Native_Scroll_React Native Flatlist - Fatal编程技术网

React native 平面列表+;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

我有一个平面列表重新订购的项目,它有一个PanResponder。 如果我从机器人快速滑动到顶部,列表将滚动,如果我移动得较慢,PanResponder将获得事件

我怎样才能使它正常工作

我的代码:

我的名单:

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;
}