2016-11-04 3 views
1

私がそうするとき、何もレンダリングされないので。 最後のアイデアは、アプリ全体に共通の背景イメージを持つことです。 Image内にNavigatorをラップしようとしましたが、同じ結果です。React Native:ビュー内にナビゲータを置くことは可能ですか?

<View style={styles.container}> 
    <Image source={pic} style={styles.backgroundImage}></Image> 
    <Navigator 
    configureScene={this.configureScene} 
    style={styles.app} 
    initialRoute={{ component: Main }} 
    renderScene={this.renderScene} 
    /> 
</View> 
+0

私はそうは思わない。あなたはおそらくrenderSceneの一部として背景イメージを扱いたいでしょうが、私はほとんど推測しています。 –

+0

これを確認してくださいhttp://stackoverflow.com/questions/31319947/how-to-set-a-background-image-of-navigator-in-react-native?rq=1 – Jickson

+0

ありがとう@Jickson私はそれを見てきました既に。しかし、私はそうするシーンがレンダリングされていないので...私は新しいRNのバージョンを推測していたクールは今それを行う方法を変更しました – sebap

答えて

1

私が間違っているのは、ナビゲータのコンテナにアライメント項目があるとしたら、私はそれを見ませんでした。なぜまだ知りません。しかし、私はこのソリューションで十分です。

<Image source={pic} style={styles.backgroundImage}> 
      <Navigator 
       configureScene={this.configureScene} 
       style={styles.app} 
       initialRoute={{ component: Main }} 
       renderScene={this.renderScene} 
      /> 
      </Image> 

スタイル:あなたのビューのスタイルに1:

app: { 
    flex: 1 
    }, 
    backgroundImage: { 
    flex: 1, 
    justifyContent: 'center', 
    //alignItems: 'center' 
    } 
+0

あなたは私を今日保存しました。 –

1

だけフレックスを追加します。 Bada bing bada boom。

<View style={{ flex: 1 }}> 
    <Navigator 
    configureScene={this.configureScene} 
    style={styles.app} 
    initialRoute={{ component: Main }} 
    renderScene={this.renderScene} 
    /> 
</View> 
関連する問題