중첩 탭 네비게이터가있는 동안 스택 네비게이터 헤더 제목을 동적으로 만드는 방법

Question

중첩 탭 네비게이터가있는 동안 스택 네비게이터 헤더 제목을 동적으로 만들고 싶습니다. 여기

// ProjectDetailNavigator is a screen in a stack navigator 
const ProjectDetailNavigator = TabNavigator(
{ 
    Overview: { screen: ProjectOverview }, 
    Detail: { screen: ProjectDetail }, 
}, 
{ 
tabBarOptions: { 
    style: { 
     backgroundColor: 'white', 
    }, 
    labelStyle: { 
     color: 'black' 
    }, 
} 
}); 


    ProjectDetailNavigator.navigationOptions = {  
     title: 'Dynamic Project Title', 
     header: { 
      style: { 
       elevation: 0, 
       shadowOpacity: 0, 
      } 
     } 
     }; 

     export default ProjectDetailNavigator; 

이 가능한 솔루션 내가 시도 코드이지만 구성 요소 내부

ProjectDetailNavigator.navigationOptions = function ({navigation}) { 
    return {  
    title: `${navigation.state.params.title}` , 
header: { 
    style: { 
     elevation: 0, 
     shadowOpacity: 0, 
      } 
     } 
    }; 
}; 

Answer 1

다음과 같이 아무 소용이입니다 :

static navigationOptions = ({ navigation }) => ({ 
    title: `${navigation.state.params.title}` 
});