Question

因为当我这样做时，什么都没有呈现。最后的想法是为整个应用程序提供一个共同的背景图像。我试图在Nav中包装Navigator，结果相同。

<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>

Answer 1

只需将flex：1添加到View的样式中即可。 Bada bing bada boom。

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

Answer 2

让我误解的是，如果导航器的容器得到了对齐项目：中心，我就不会看到它。不知道为什么。但是我对这个解决方案还不错。

<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'
  }

React Native：是否可以在视图中使用导航器？

2 个答案: