React native “navigationOptions”中的弃用：-“headerLeft:”将在将来的版本中删除。使用“headerLeft:（）=>”

这是我的代码，当我运行项目时，它会显示一条警告消息： “navigationOptions”中的弃用：-“headerLeft:”将在将来的版本中删除。使用“headerLeft:=>”

---

有人能告诉我如何解决这个问题吗？

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

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

---

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

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