Javascript 在react native中使用的ex navigation中将动态标题传递给路由

Javascript 在react native中使用的ex navigation中将动态标题传递给路由,javascript,react-native,ex-navigation,Javascript,React Native,Ex Navigation,我使用单个组件处理多个任务(例如,带食物/打扫房间)。我将任务标题作为道具传递给该组件,并进行相应的渲染。此组件将使用不同的道具多次调用。我使用ex navigation在我的任务组件中渲染我的导航栏,如下所示: static route = { navigationBar: { backgroundColor: '#0096ff', tintColor: '#fff', title: 'Clean' //Need to do

我使用单个组件处理多个任务(例如,带食物/打扫房间)。我将任务标题作为道具传递给该组件,并进行相应的渲染。此组件将使用不同的道具多次调用。我使用ex navigation在我的任务组件中渲染我的导航栏,如下所示:

    static route = {
      navigationBar: {
        backgroundColor: '#0096ff',
        tintColor: '#fff',
        title: 'Clean' //Need to do make this dynamic based on props value
      }
    } 

现在,我希望标题是动态的,并使用道具的值(标题:this.props.title)。既然这是一个静态变量,我如何使用props值(只有在初始化构造函数之后才能使用)在静态路由变量中,根据传递给组件的道具使我的标题动态。

导航栏中的title
属性可以是一个
函数
接收参数,如下所示

title(params) {
        return `Greeting for ${params.name}`;
      },
检查
如果您正在使用redux,并且已经配置了
ex navigator
来使用它,那么您应该将
navigator
作为一个道具来使用它。推动主路线时,您可以传递想要的标题:

this.props.navigator.push(Router.getRoute('mainprote',{title:'WhateverYouWant'}))

由于它是您的主要路线,您将重用它,因此可以更新标题
udateCurrentRouteParams()


正是我需要的!
     this.props.navigator.updateCurrentRouteParams({
      title: 'NewTitle',
    })