White flash on transition about ignite-andross HOT 9 CLOSED

@jamonholmgren It doesn't show up for me with a newly ignited app. Closing this for now.

from ignite-andross.

I was able to mitigate this issue modifying StackNavigator with:

cardStyle: {
    opacity: 1,
    backgroundColor: '#3e243f'
  },

export default StackNavigator({
  PresentationScreen: {screen: PresentationScreen},
  APITestingScreen: {screen: APITestingScreen},
  ComponentExamplesScreen: {screen: ComponentExamplesScreen},
  PluginExamplesScreen: {screen: PluginExamplesScreen},
  ThemeScreen: {screen: ThemeScreen},
  FaqScreen: {screen: FaqScreen}
}, {
  cardStyle: {
    opacity: 1,
    backgroundColor: '#3e243f'
  },
  initialRouteName: 'PresentationScreen',
  headerMode: 'none',
  // Keeping this here for future when we can make
  navigationOptions: {
    header: {
      left: (
        <TouchableOpacity onPress={() => window.alert('pop')} ><Image source={Images.closeButton} style={{marginHorizontal: 10}} /></TouchableOpacity>
      ),
      style: {
        backgroundColor: '#3e243f'
      }
    }
  }
})

Happy to create a PR if needed.

from ignite-andross.

That's interesting. We might need that PR, let me see if I can get a local test with the same result.

from ignite-andross.

Got it queued up if needed.

There are two issues at play. The transition effect which animates opacity to 0. This transition might be desired.

The flash is caused by not setting the bg color. This only affects my expo builds. Might be due to latency.

from ignite-andross.

@ryanlntn are you seeing this same problem with your current app?

from ignite-andross.

how are you liking building expo with ignite btw @jhblacklock ? That's on our todo list.

from ignite-andross.

Great IMO. Although I haven't gotten far.

I just attached ignite to a create-react-native-app. Had to reconfigure the entry point, removed index.ios.js and index.android.js, added index.js to /App and copied App/Containers/App.js to /App/index.js then removed App/Containers/App.js. I also manually copied over the ignite folder and contents, and merged package.json.

I've only tested on ios but so far so good. Real smooth.

FYI, I guess this issue is really a https://github.com/infinitered/ignite DevScreens thing 😄 I modified that repo in a PR.

from ignite-andross.

@GantMan I've been mainly using TabNavigator so I didn't notice until today. The StackNavigator definitely exhibits this issue.

from ignite-andross.

@ryanlntn Is this still an issue?

from ignite-andross.