React native 反应导航空白屏幕

我最近更新了我的Expo应用程序React Navigation 1.0.0-beta.19。从那以后，它只向我展示了白色屏幕。问题是什么

这是用于繁殖的小吃。

屏幕：

---

您可以通过删除以下行来解决此问题：

alignItems:“center”

您的容器样式应如下所示：

container: {
  flex: 1,
  justifyContent: 'center',
  paddingTop: Constants.statusBarHeight,
  backgroundColor: '#ecf0f1'
}

视图使用的是未确定的宽度，当您使用

alignItems:'center'

时，它会将内容推到中心。因为没有设置宽度，所以宽度将为0

---

通过删除或更改

alignItems

允许flex填充视图。

您可以通过删除以下行来解决此问题：

alignItems:“center”

您的容器样式应如下所示：

container: {
  flex: 1,
  justifyContent: 'center',
  paddingTop: Constants.statusBarHeight,
  backgroundColor: '#ecf0f1'
}

视图使用的是未确定的宽度，当您使用

alignItems:'center'

时，它会将内容推到中心。因为没有设置宽度，所以宽度将为0

通过删除或更改

alignItems

可以让flex填充视图。

谢谢Evan Bacon

通过删除

alignItems:“中心”

我的问题得到解决

只需比较下面2个

App.js

文件

App.js有问题

<View style={styles.container}>
<StatusBar style="auto" />
<SafeAreaProvider>
    <NavigationContainer theme={DefaultTheme}>
        <StackNavigator /> // My Stack Navigator Component
    </NavigationContainer>
</SafeAreaProvider>

<View style={styles.container}>
<StatusBar style="auto" />
<SafeAreaProvider>
    <NavigationContainer theme={DefaultTheme}>
        <StackNavigator /> // My Stack Navigator Component
    </NavigationContainer>
</SafeAreaProvider>

working App.js

主要区别在于容器的样式。如果我们在你的app.js

return

中添加

alignItem:'center'

，你将面临同样的问题

只需从父项中删除

alignItem:“center”

，它就会工作。

谢谢Evan Bacon

通过删除

alignItems:“中心”

我的问题得到解决

只需比较下面2个

App.js

文件

App.js有问题

<View style={styles.container}>
<StatusBar style="auto" />
<SafeAreaProvider>
    <NavigationContainer theme={DefaultTheme}>
        <StackNavigator /> // My Stack Navigator Component
    </NavigationContainer>
</SafeAreaProvider>

<View style={styles.container}>
<StatusBar style="auto" />
<SafeAreaProvider>
    <NavigationContainer theme={DefaultTheme}>
        <StackNavigator /> // My Stack Navigator Component
    </NavigationContainer>
</SafeAreaProvider>

working App.js

主要区别在于容器的样式。如果我们在你的app.js

return

中添加

alignItem:'center'

，你将面临同样的问题

只需从父级

中删除

alignItem:'center'

，它就会工作