'navigationOptions' 中的弃用: - 'headerLeft: <SomeElement/>'将在以后的版本中删除.使用 'headerLeft: () =><某些元素/>' [英] Deprecation in 'navigationOptions': - 'headerLeft: <SomeElement />' will be removed in a future version. Use 'headerLeft: () => <SomeElement />'

问题描述

HomeScreen.navigationOptions = navData => {
    return{
        headerTitle: 'Title'.toUpperCase(),
        headerLeft: (
            <HeaderButtons HeaderButtonComponent={HeaderButton}>
                <Item title="Menu" iconName="menu" onPress={() => {
                    navData.navigation.toggleDrawer();
                }} />
            </HeaderButtons>
        )
    };
}

这是我的代码，当我运行该项目时，它向我显示了一条警告消息:'navigationOptions' 中的弃用: - 'headerLeft: ' 将在未来版本中删除.使用 'headerLeft: () =>'

This is my code, when I run the project it shows me a warning message: Deprecation in 'navigationOptions': - 'headerLeft: ' will be removed in a future version. Use 'headerLeft: () => '

谁能告诉我如何解决这个问题?

Can someone tell me how to fix this?

推荐答案

只需将 headerLeft 值包装在一个函数中即可.

Just wrap your headerLeft value in a function.

headerLeft: () => (
            <HeaderButtons HeaderButtonComponent={HeaderButton}>
                <Item title="Menu" iconName="menu" onPress={() => {
                    navData.navigation.toggleDrawer();
                }} />
            </HeaderButtons>
        )

这篇关于'navigationOptions' 中的弃用: - 'headerLeft: <SomeElement/>'将在以后的版本中删除.使用 'headerLeft: () =><某些元素/>'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！