React-native-swipe-list-view: hiddenRow flashing on screen change

Created on 1 Aug 2018 · 6Comments · Source: jemise111/react-native-swipe-list-view

I can see the red hidden region in seconds every time i switch to that scene,then it disapper
I'm using react-native-router-flux for navigation.
I've tried setting recalculateHiddenLayout but it doesn't help
I know this issue is the same as #182
But i don't use react-navigation

Source

bohdan145

👍1

Most helpful comment

I had this problem, but realized it was because I had my front row in a TouchableOpacity. By default, that reduces the opacity on touch so I could see the background briefly. Putting it inside a view with the background color set to white fixed the issue:

<SwipeRow leftOpenValue={75} rightOpenValue={-75}>
    <View style={styles.swipedRow}>
        <Text style={styles.swipeText}>Left</Text>
        <Text style={styles.swipeText}>Right</Text>
    </View>
    <View style={{backgroundColor: "white"}}>
        <TouchableOpacity>Front row</TouchableOpacity>
    </View>
</SwipeRow>;

nferrara100 on 25 Jul 2019

👍2 🎉1

All 6 comments

try
previewOpenValue={.01}

aoarashi1988 on 6 Sep 2018

👍1

previewOpenValue={.01} doesn't work, anything else?

vishalenrique on 30 Nov 2018

Hi guys, Have you anything solution for this? I am having same problem. hjccc

canhtran10 on 13 Dec 2018

taixw2 on 21 Jun 2019

<SwipeRow leftOpenValue={75} rightOpenValue={-75}>
    <View style={styles.swipedRow}>
        <Text style={styles.swipeText}>Left</Text>
        <Text style={styles.swipeText}>Right</Text>
    </View>
    <View style={{backgroundColor: "white"}}>
        <TouchableOpacity>Front row</TouchableOpacity>
    </View>
</SwipeRow>;

nferrara100 on 25 Jul 2019

👍2 🎉1

Closing as it sounds like @nferrara100 has identified the issue and a fix, thanks!