View with Navigator isideの自動高さを設定する方法は？

Question

私はデフォルトのコンポーネントを使用します：ビューとナビゲータ。私は、View and Navigatorの自動高さを設定したいが、View - Navigatorの高さを持つスタイルが表示されない場合は、position：absoluteのように表示する。 設定されたコンポーネントの場合、ビュー内のテキスト - 表示は、子テキストコンポーネントから高さを取得します。 Viewに 'height：auto'を設定した場合、このプロパティは機能しません。

render() { 
 
     return (
 
      <View style={{height: 'auto', backgroundColor: 'powderblue'}}> 
 
       <Navigator 
 
        initialRoute={{ title: 'My Initial Scene', index: 0 }} 
 
        renderScene={(route, navigator) => { 
 
         return (
 
          <MyScene 
 
           title={route.title} 
 
          /> 
 
         ) 
 
        } 
 

 
        } 
 
       /> 
 
      </View> 
 
     ) 
 
    }

Answer 1

style={{height:'auto'}}動作しません。整数を使用するか、flexを使用する必要があります。ここではオプションの例を見ることができます。

https://facebook.github.io/react-native/docs/height-and-width.html

あなたのコードは次のようになります。

render() { 
     return (
      <View style={{flex:1, backgroundColor: 'powderblue'}}> 
       <Navigator 
        style={{flex:1}} 
        initialRoute={{ title: 'My Initial Scene', index: 0 }} 
        renderScene={(route, navigator) => { 
         return (
          <MyScene 
           title={route.title} 
          /> 
         ) 
        } 

        } 
       /> 
      </View> 
     ) 
    }