네이티브 반응 네비게이션에서 사용되는 전방 네비게이션 경로에 동적 제목 전달

Question

여러 작업 (예 : 음식 가져 오기/방 청소)에 단일 구성 요소를 사용하고 있습니다. 작업 제목을 구성 요소에 전달하고 렌더링합니다 다음과 같이 accordingly.This 구성 요소는 내 작업 구성 요소에서 내 탐색 모음을 렌더링하기 전 내비게이션을 사용하고 다른 소품 여러 같소 호출됩니다

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

가 지금은 제목이 동적으로부터 값을 사용하여되고 싶어 소품 (제목 : this.props.title). 이제 이것은 정적 변수이므로 정적 경로 변수에서 props 값 (생성자 만 초기화 된 후에 만 ​​제공됨)을 사용하여 구성 요소에 전달 된 소품을 기반으로 내 제목을 동적으로 만들 수 있습니다. 내비게이션 바 내

이

Answer 1

title 속성은 REDUX를 사용하는 경우

Answer 2

을하고 더 많은 방법을 너무

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

체크 https://github.com/exponent/ex-navigation#passing-params-to-a-route 같은 인수로 function 수신 PARAMS 될 수 있으며 구성한 ex-navigator을 사용하려면 보조물로 navigator을 사용해야합니다. 당신은 제목 udateCurrentRouteParams()를 업데이트 할 수 있습니다, 그것은 당신의 주요 통로이기 때문에

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

을 당신은 그것을 다시 사용됩니다 : 당신이 당신의 주요 통로를 누르면 당신은 당신이 원하는 제목을 전달할 수 있습니다.

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