반응 네이티브 라우터 플럭스를 사용하는 사용자 정의 navBar

Question

나만의 navBar 구성 요소를 만든 다음 최대 react-native-router-flux까지 배선하는 데 필요한 모든 예제를 찾을 수 없습니다. 누구든지 나를 도울 수 있습니까? github 문제를 보니 이것이 도서관의 큰 필요성 인 것 같습니다. 내가 원하는 것은 :

• 왼쪽 버튼과 오른쪽 이미지로 새로운 컴포넌트를 생성하십시오.
• 장면에 따라 단추 모양이 바뀌지 만 오른쪽에는 같은 모양이 사용됩니다.
• nav-bar가 올바르게 표시되고 기본 navBar에서와 같은 방식으로 사용자 위치를 추적 할 수 있도록 반응 네이티브 라우터 플럭스에 연결합니다.

감사합니다.

Answer 1

이와 비슷한 문제가 발생했습니다. 사용자 지정 탐색 모음을 사용하는 방법을 알려주는 온라인 자습서가 없습니다. 나는 나를 위해 일하는 방법을 발견했다. 이것을 시도하십시오 :

<Router navBar = {MainNavBar}> 
    <Scene key = "home" component = {HomeScreenContainer} title = "Home" initial = {true} /> 
</Router> 

이것은 장면을 정의하는 주요 루트 구성 요소의 코드입니다. 라우터 또는 네비게이션 바를 원하는 장면에서 네비게이션 바 구성 요소를 전달해야합니다.

<NavigationBar  
    leftComponent = {<TouchableOpacity><Icon name="sidebar" /></TouchableOpacity>} 
    centerComponent = {<Title>{props.title}</Title>} 
    /> 

희망이 도움이 :)