Javascript 在react native中使用的ex navigation中将动态标题传递给路由
我使用单个组件处理多个任务(例如,带食物/打扫房间)。我将任务标题作为道具传递给该组件,并进行相应的渲染。此组件将使用不同的道具多次调用。我使用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
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',
})