反应的本机标题在导航时无法平稳弹出

Question

我在StackNavigator中有两个DrawerNavigator，当我直接在两个StackNavigators之间时，可以看到渲染过程中的滞后。例如，我可以看到标题从顶部下降但不平滑。如何使它平滑或不“下降”？这发生在真实的Iphone X和Iphone 6和模拟器中。

在我的navigator.js中>

const homeNavigator = createStackNavigator({
    home: homeScreen,
    ...
})

const nav1Navigator = createStackNavigator({
    screen1: Screen1,
    ...
})

const MyNavigator = createDrawerNavigator({
    home: homeNavigator,
    nav1: { screen:nav1Navigator } 
})
在homeScreen.js中，我有一个标题

homeScreen.navigationOptions = navData => {
    return {
        drawerLabel:()=>{return ...},
        headerTitle: () => (
            // my header title with a image
            <IconText text="myTitle" image='../assets/pic.png' />
        ),
        headerLeft: () => (
            <HeaderButtons HeaderButtonComponent={HeaderButton}>
                <Item title="Menu"
                    iconName={'ios-list'}
                    onPress={() => {
                        navData.navigation.toggleDrawer();
                    }}
                />
            </HeaderButtons>
        ),
    }
};
在我的Screen1.js中，

Screen1.navigationOptions = navData => {
    return {
        headerLeft: () => (
            <HeaderButtons HeaderButtonComponent={HeaderButton}>
                <Item title="Menu"
                    iconName={'ios-arrow-back'}
                    onPress={() => {
                        navData.navigation.navigate('home');
                    }}
                />
            </HeaderButtons>
        )
    }
}
在加载屏幕的第一刻，我可以看到标题也在那里，但是在错误的位置，然后将它“定位”到正确的位置。我该怎么办？

我在DrawerNavigator中有两个StackNavigator，当我在两个StackNavigator之间直接导航时，可以看到渲染过程中的滞后。例如，我可以看到标题从顶部下拉，但没有...

Answer 1

通过升级以响应导航5.x解决此问题