Screen Flickering problem

There seems to be a problem when pushing a screen with a fullscreen image.
In split second the screen's background color is shown before the image is fully rendered which causes the flickering.

import React, {
Component,
PropTypes,
} from 'react';
import {
Dimensions,
StyleSheet,
TouchableHighlight,
Image,
View,
} from 'react-native';

import Navigator from 'native-navigation';

const { width,height } = Dimensions.get('window');
const styles = StyleSheet.create({
canvas: {
width: width,
height: height
}
})

export default class NavigationExampleScreen extends Component {
_onPress = () => {
Navigator.push('ScreenOne')
};

render() {
return (





);
}
}

Start by reproducing the push from NavigationExampleScreen using the fullscreen Walkthrough1.png asset, then inspect the native-navigation screen transition and image-rendering path. Done means pushing the screen no longer exposes the background color before the image is rendered; no implementation file or test is named in the report, so locating those paths is part of the investigation.

Written by the indexing model from the issue text.