react-navigation设置navigationOptions中Static中使用 this 的方法

Posted bruce-gou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-navigation设置navigationOptions中Static中使用 this 的方法相关的知识,希望对你有一定的参考价值。

使用react-navigation时,单页面设置navigationOptions中,进行Static中 调用this 中的方法或值时,需要做如下操作

 

    static navigationOptions = ({navigation,screenProps}) => ({
        title:    固定投资,
        headerRight: <RightGroup navigation={navigation} cback={()=>navigation.state.params.name()}  path=projectTarget title="目标" data={{ type:1,name:"固定投资目标"}} />
    })

 

componentDidMount(){
        this.fetch();
        //设置数据
        this.props.navigation.setParams({name:this.test});
    }
    test = () => {
        alert(123);
    }

 

这样就可以给操作this 中的方法了

 

以上是关于react-navigation设置navigationOptions中Static中使用 this 的方法的主要内容,如果未能解决你的问题,请参考以下文章

反应原生,侧边菜单没有出现

如何在React Native中使用CreateBottomTabNavigator?

react-navigation设置navigationOptions中Static中使用 this 的方法

react-navigation 4.x navigationOptions 设置导航栏透明

react-navigation 4.x navigationOptions 设置导航栏透明

React Native使用react-navigation时,设置navigationOptions中Static中使用this注意点