React Native：是否有可能在視圖中有導航器？

因爲當我這樣做時，什麼都不呈現。最後的想法是爲整個應用程序提供一個共同的背景圖像。我試圖在圖像中包裝導航器，結果相同。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>

來源

2016-11-04 sebap

我不這麼認爲。您可能想要將render背景圖像作爲renderScene的一部分來處理，但我主要是猜測。 –

檢查此問題http://stackoverflow.com/questions/31319947/how-to-set-a-background-image-of-navigator-in-react-native?rq=1 – Jickson

謝謝@Jickson我看過它已經。但是當我這樣做時，沒有場景被渲染......所以我猜測新版本的RN版本已經改變了現在的做法 – sebap

是什麼讓我陷入錯誤是，如果容器的導航器得到了align-items：center，我沒有看到它。不知道爲什麼。但是我對這個解決方案很滿意。

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

風格：

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

來源

2016-11-07 09:16:16 sebap

你今天救了我，謝謝:) –

只需添加柔性：1到View的風格。巴達bing bada繁榮。

<View style={{ flex: 1 }}> 
    <Navigator 
    configureScene={this.configureScene} 
    style={styles.app} 
    initialRoute={{ component: Main }} 
    renderScene={this.renderScene} 
    /> 
</View>

來源

2017-04-20 02:10:54

React Native：是否有可能在視圖中有導航器？

回答

相關問題