Deaktivieren des Scroll-Annullierung durch Berühren bei der Verwendung von Scroll in React india

Question

So arbeiten ich bin auf einem mobilen Kartenanwendung, wo der Benutzer Fluss ist wie folgt:

http://imgur.com/6DwFlPf

1) Benutzer wird mit einem Satz präsentiert von Fliesen

2) Benutzer tippt alle Elemente

3) Benutzer klaut auf die nächste Kachel fortzusetzen.

Der Code basiert off http://rnplay.org/apps/psad7g (dieses Posting, weil Sie es durch Scrollen und Tippen auf den Karten hier nicht wiedergeben können, so dass eine mögliche Korrektur auch hier getestet werden kann) und sind wie folgt:

 <ScrollView 
     style={styles.mappingContainer} 
     automaticallyAdjustInsets={false} 
     horizontal={true} 
     decelerationRate={0} 
     snapToInterval={GLOBAL.SCREEN_WIDTH*0.5} 
     snapToAlignment="start" 
     contentContainerStyle={styles.wrapper}> 
     {rows} 
    </ScrollView>; 

A Kachel ist immer SCREEN_WIDTH * 0.5, und so habe ich es an der nächsten Kachel zu fangen. Wenn Sie jedoch tippen, während die Animation noch läuft, wird der Scroller auf die Position zurückgesetzt, von der er gekommen ist. Gibt es eine Einstellung, die ich verwenden kann, um dies zu verhindern?

Ich habe untersucht, die Verzögerung zu erhöhen, aber das deaktiviert das Fangen.

Danke für Ihre Hilfe!

Answer 1

ich es gelöst, indem pagingEnabled={true}

-Code hinzufügen:

<ScrollView 
     style={styles.mappingContainer} 
     automaticallyAdjustInsets={false} 
     horizontal={true} 
     decelerationRate={0} 
     pagingEnabled={true} 
     snapToInterval={GLOBAL.SCREEN_WIDTH*0.5} 
     snapToAlignment="start" 
     contentContainerStyle={styles.wrapper}> 
     {rows} 
</ScrollView>