PanResponder не работает в реакции на родном Android

Я не вижу, чтобы panResponder работал на моем телефоне Android, и я не вижу, чтобы приложение работало так, как ожидалось от него. Я использую expo и сканирую его, чтобы запустить приложение на моем устройстве Android. Вот код, и я также использовал отладчик, но ничего не работает.

export default  class Deck extends React.Component {
    constructor(props){
        super(props);
        //decalred as  local variable 
        this.PanResponder=PanResponder.create({
            onStartShouldSetPanResponder: () => true,
            onPanResponderMove:(event,gesture)=>{
                debugger;
                console.info(gesture);
            },
            onPanResponderRelease:()=>{}
        });
        this.state = {PanResponder};
    }
    renderCards=()=>{
        return this.props.data.map(item => {
            return this.props.renderCards(item);
        });
    }
    render(){
        return(
         <View {...this.state.PanResponder.panHandlers}> 
             {this.renderCards()}
         </View>
        );
    }
}

android react-native

22.07.2018 12:39

Коллекции (ArrayList , HashSet , HashMap)

1 628

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

1) вы устанавливаете this.state = {PanResponder} этот PanResponder от react-native

так что this.state.PanResponder.panHandlers - ничто.

пытаться

export default  class Deck extends React.Component {
constructor(props){
    super(props);
    //decalred as  local variable 
    this.panResponder=PanResponder.create({
        onStartShouldSetPanResponder: () => true,
        onPanResponderMove:(event,gesture)=>{
            debugger;
            console.info(gesture);
        },
        onPanResponderRelease:()=>{}
    });
}
render(){
    return(
        <View {...this.panResponder.panHandlers}>
        </View>
    );
}

}

или же

export default  class Deck extends React.Component {
constructor(props){
    super(props);
    //decalred as  local variable 
    const panResponder=PanResponder.create({
        onStartShouldSetPanResponder: () => true,
        onPanResponderMove:(event,gesture)=>{
            debugger;
            console.info(gesture);
        },
        onPanResponderRelease:()=>{}
    });
    this.state = {panResponder};
}
render(){
    return(
        <View {...this.state.panResponder.panHandlers}>
        </View>
    );
}

}

22.07.2018 13:57

Другие вопросы по теме

React Native - могу ли я установить динамическое начальное состояние?

Встроенный плоский список React не может отображать 20 элементов за один

Сбой объединения: ошибка: плагин 0 предоставил недопустимое свойство "по умолчанию"

API Firebase не отвечает с распространенными кодами ошибок, используя Axios при реагировании на родной

Функция async не вызывается внутри метода компонента при поверхностном тестировании с помощью jest / фермента

Пустое пространство заголовка и ImageBackground

Как обновить мой список совпадений мгновенного поиска без перемонтирования моего компонента?

Отправка данных POST в WebView со строками, которые не работают с GET

Моя служба Android, запущенная из React Native, должна открыть соединение socket.io с localhost, но не подключается, почему?

Вызов родительской функции из дочернего компонента для работы с родительским компонентом

PanResponder не работает в реакции на родном Android

Ответы 1

Другие вопросы по теме

Похожие вопросы