Проблема с PanResponder и анимацией в React Native - PullRequest
Новая
       83

Проблема с PanResponder и анимацией в React Native

0 голосов
/ 05 августа 2020

я использую PanResponder в React Native, но у меня есть простая проблема, которую я не могу решить !!!

это мой код 

class test extends React.Component {
    constructor(props) {
        super(props);
        const position = new Animated.ValueXY();
        const panResponder = PanResponder.create({
           onStartShouldSetPanResponder: () => true,
           onPanResponderMove: (evt, gs) => {
               console.log(gs.dx);
               position.setValue({ x: gs.dx , y: gs.dy })
           },
           onPanResponderRelease: (evt, gs) => {
              
               
           }, 

        });

        this.state = { panResponder, position }
    }
    getCardStyle() {
        const { position } = this.state;
        return {
            ...position.getLayout(),
        };
    }

    render() {
        return (
              <View>
                 {
                     this.props.cart.map((item, index) => {
                          return (
                         <Animated.View style={[this.getCardStyle() ,styles.CardContainer]} key={item.id}
                               {...this.state.panResponder.panHandlers}
                             >
                            <View><Image style={styles.image} source={{ uri: item.src}} /></View>
                            <Text style={styles.title}>{item.location}</Text>
                         </Animated.View>
                     )
                     })
                 }
              </View>
        );
    }
}

Я хочу переместить каждый элемент пальцем По отдельности, но когда я касаюсь каждого элемента в списке, все элементы начинают двигаться.

может кто-нибудь мне помочь, пожалуйста ??

1 Ответ

0 голосов
/ 05 августа 2020

РЕШИТЬ ЭТО

Я создал другой компонент с именем ListItem и в этом компоненте визуализирует элементы FlatList, и он сработал!

...