2016-10-29 3 views
0

내 네이티브 네이티브 앱에서 일관된 navbar/header를 만들려고합니다.네이티브 네이티브보기간에 고정 된 navbar/header

내 코드의 현재 상태에서 전체보기가 바뀌고 있습니다. 잘 작동하지만 navbar/header가 바보처럼 보이는보기로 스크롤합니다 (가정 할 경우).

내 코드의 특정 블록으로 네비게이터보기 변경을 제한하는 방법이 있습니까, 아니면 완전히 잘못된 방법으로 시도하고 있습니까?

내가보기에 부모 구성 요소의 네비게이터 요소를 포장과 같은 몇 가지 어리석은 일을 시도했습니다

등 내 주요 상위 구성 요소에

:

render() { 
    return (
    <Navigator 
     initialRoute = {{ 
     id: 'HomePage' 
     }} 
     renderScene={ 
     this.navigatorRenderScene 
     } 
     configureScene={(route, routeStack) => { 
     if (route.sceneConfig) { 
      return route.sceneConfig; 
     } 
     return Navigator.SceneConfigs.HorizontalSwipeJump; 
     } 
     } 
    /> 
) 
} 

navigatorRenderScene = (route, navigator) => { 
    navigator = navigator 
    switch (route.id){ 
    case 'HomePage': 
     return(<HomePage navigator={navigator} title='HomePage' />) 
    case 'Locations': 
     return(<Locations navigator={navigator} title='Locations' />) 
    } 
} 

하고 난 페이지 사이를 탐색 할 수 아이 컴퍼넌트로부터이 메서드를 사용하는 것뿐입니다.

onButtonPress() { 
    console.log('going to locations') 
    this.props.navigator.push({ 
    id: 'Locations', 
    sceneConfig: Navigator.SceneConfigs.HorizontalSwipeJump 
    }) 
} 

답변

0

정말 바보 같은 해결책 - 어떤 스타일 문제로 인해보기가 제대로 렌더링되지 않는 것을 제외하면 모든 것이 제대로 작동하고있었습니다. '굴곡 : 1'고정.