React Nativeビュー間でnavbar/headerを修正しました

Question

React Nativeアプリで一貫した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 
    }) 
} 

Answer 1

本当に愚かな解決策 - スタイルが何らかの問題のためにビューが正しくレンダリングされないことを除いて、すべてが正常に動作していました。それにフレックスを与える：1 'それを修正しました。