iPhone X view change after a few swipe

[McDreamy]

At first, it display nicely, but after a few swipes the text is truncated
It only happens in iPhone X.

[zelongc]

Got the same problem here.. need help..

[zelongc]

Well, after running my code on several simulators (Iphone 6, 7, 8, X), I found they have the same problem...does it have something to do with the latest IOS version?

[MaxiBrochon]

Hello, Did anyone find a solution on this issue?
I have the same problem on iOS

[dochathuc]

When I go back to "react-native": "^0.49.5", this swipeout lib works fine.
Maybe there are something changed in newest react-native version, so this lib is not compatible with it.

[McDreamy]

Hi, I solved this issue by wrapping Text only with Swipeout instead of wrapping the whole View with Swipeout

<View> <Swipeout {...swipeSettings}> <Text>Your Text</Text> </Swipeout> </View>

But I'm not sure whether this is a good solution or not.

Thank you.

[mysport12]

Check out this closed issue here: facebook/react-native#19302

[kunalqss]

Facing the same issue on iPhone (not on Android). Has anybody been able to figure this out ?
I couldn't understand how to solve this issue from @mysport12's referenced issue facebook/react-native#19302

[mysport12]

PR #274 is addressing the issue @kunalqss

[kenanlalic]

try instead of

<Swipeout {...swipeSetting}>
                <View style={{}}>
                   ...
                </View>
</Swipeout> 

<Swipeout {...swipeSetting}>
                <TouchableWithoutFeedback style={{}}>
                   ...
                </TouchableWithoutFeedback>
</Swipeout> 

[kunalqss]

@mysport12 So is this issue fixed in the latest release ? Or is it pending ? Because I installed the latest version and the problem still persists in iPhone.
EDIT - just saw that the PR is pending. Will have to wait for this to be fixed officially then I guess.

[kunalqss]

@kenanlalic I was already using TouchableOpacity as the child of SwipeOut, changing to TouchableWithoutFeedback didn't help unfortunately.

[kunalqss]

Just tried to fix it in my local node module (SwipeOut) using the PR as suggested by @mysport12 and I can confirm that it has fixed this issue. Thank you @mysport12 :)

[VincentCATILLON]

I got the same issue on iPhone X, and still have it when using the PR #274 from @kunalqss:

Environment:

react-native: 0.55.4
react-native-swipeout: 2.3.3

Device: iPhone X (iOS 11.2)

Reproduction

I got this upgrading React Native from 0.52.x to 0.55.4.
I don't have this bug on 0.52.x

[gpaslari]

I'm having the same issue. (Just to emphasise importance of this issue)

[VincentCATILLON]

@dancormier Can you prioritize this issue please ?

[markrookie]

You guys should try release 2.3.6 out

[wangdeng1213]

ok， update 2.3.6 well done！