將動態標題傳遞給前導航中使用的原生

我正在使用單個組件來處理多個任務（比如，帶上食物/清理房間）。我將任務標題作爲道具傳遞給組件，並呈現accordingly.This組件將具有不同的道具多times.I被稱爲正在使用前的導航來呈現我的導航欄在我的任務組件，如下所示：將動態標題傳遞給前導航中使用的原生

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

現在我想標題是動態的，使用從值是道具（標題：this.props.title）。現在，因爲這是一個靜態變量，我如何在靜態路由變量中使用道具值（僅在構造函數被初始化後纔會出現），以便根據傳遞給組件的道具使標題動態化。

來源

2017-02-09 john doe

title的導航欄內屬性可以是function接收PARAMS像這樣

title(params) { 
     return `Greeting for ${params.name}`; 
     },

檢查https://github.com/exponent/ex-navigation#passing-params-to-a-route 的說法。如果你正在使用終極版做

來源

2017-03-02 23:18:40

正是我所需要的！ – mXX

的更多方式，你已經配置ex-navigator與它一起工作，你應該有navigator作爲道具。當你把你的主要路線，你可以通過標題要：

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

因爲它是你的主要路線，你會重新使用它，您可以更新標題udateCurrentRouteParams()。

 this.props.navigator.updateCurrentRouteParams({ 
     title: 'NewTitle', 
    })

來源

2017-03-23 17:42:23

將動態標題傳遞給前導航中使用的原生

回答

相關問題