2017-02-22 3 views
0

모든 장면에서 화면 아래쪽에 글로벌 탐색 바닥 글을 렌더링하려는 앱이 있습니다. 이것은 RNRF 2.x에서 바닥 글 소품과 함께하는 것은 매우 쉬운 일 이었지만 바닥 글 소품이 더 이상 존재하지 않으므로 3.x에서 구현하는 데 많은 어려움을 겪고 있습니다. 누구든지이 일을하는 법을 알고 있습니까?react-native-router-flux에서 글로벌 바닥 글 렌더링 3.x

답변

1

React Native 만 사용하면됩니다. 이전 주 구성 요소와 바닥 글이 포함 된 새보기에서 이전 주 구성 요소를 래핑하면됩니다. 그러면 바닥 글이 항상 표시됩니다.

// path/to/main/component.js 
export default class MainComponent extends React.Component { 
    ... 
} 

그냥이로 변경 :

당신이 파일 path/to/main/component.jsMainComponent라는 주요 구성 요소가 가정

// path/to/main/component.js 
class MainComponent extends React.Component { 
    ... 
} 

export default() => (
    <View styles={styles.newMainComponent}> 
     <MainComponent /> 
     <GlobalFooter /> 
    </View> 
); 

당신은에 이전의 주요 구성 요소에서 어떤 스타일을 이동해야 할 수도 있습니다 그것을 래핑하는 새로운 뷰.

+2

좋아, 나는 RNRF에 대한 마이 그 레이션 가이드에서 이것을 만났으므로 이것이 권장 방법인지 확실하지 않았다. "라우터는 현재 루트 컨테이너이며 중첩되어서는 안됩니다. 중첩 된 장면의 경우 장면 요소를 사용해야합니다.''하지만 장면에서 장면을 중첩하지 않는 것만 언급 할 수 있습니다. 라우터의 navBar 소품을 사용하여 문제를 해결할 수있었습니다. 문서가있는 그대로 알아내는 데 시간이 걸렸습니다 ... 어쨌든 감사합니다! – Juuso

+0

좋습니다! 당신이 당신의 문제에 대한 다른 아마도 더 나은 해결책을 발견했기 때문에 새로운 대답으로 그것을 추가하고 그 중 하나를 받아들이는 데 아무 잘못이 없을 것입니다 :) – ArneHugo