React-native-navigation: [V2][iOS] area above bottomTabs flicker issue

Created on 21 Jun 2018 · 8Comments · Source: wix/react-native-navigation

Issue Description

Using Navigation.push with options

bottomTabs: {
   visible: false
}

from a root bottomTabs child page with ScrollView or FlatList, when I call Navigation.pop from the stacked page, the area just above the bottomTabs flickers when returning to the root child page.

Steps to Reproduce / Code Snippets / Screenshots

Related issues seem to be:

2849

#3250

Environment

React Native Navigation version: 2.0.2369
React Native version: 0.55.4
Platform(s) (iOS, Android, or both?):iOS
Device info (Simulator/Device? OS version? Debug/Release?): iPhone Simulator Devices SE to X; iPhone X real device

🏚 stale

Source

jjbeach

👍3 ❤1

Most helpful comment

This needs fixing please.

steverob on 25 Jun 2018

👍3

All 8 comments

This needs fixing please.

steverob on 25 Jun 2018

👍3

@jjbeach did you manage to get this fixed?

steverob on 28 Jun 2018

Hey @steverob sorry for the delay, I was on vacation last week. I haven't been able to get it solved in v2 yet. I'm just going to wait until a stable version is released before I fully move over to v2.

jjbeach on 4 Jul 2018

Any idea what could be the root cause of this? We are experiencing this across all devices when using a scroll view.
Exmaple Code:

<ScrollView>
  {getContactDetailsSections(this.props.contact)
.map(
    this.renderSection,
   )}
</ScrollView>

kfroemming on 26 Jul 2018

Try the solution I posted here: https://github.com/wix/react-native-navigation/issues/3545

Neilgebbie on 27 Jul 2018

👍1

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.