反应导航空白屏幕

Question

我最近将我的 Expo 应用程序更新为 React Navigation 1.0.0-beta.19。从那以后，它一直向我显示白屏。可能是什么问题？

这是繁殖的零食。 https://snack.expo.io/@rajat1saxena/react-navigation-test

屏幕：

Answer 1

您可以通过删除该行来解决此问题： alignItems: 'center'

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

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

视图使用的是未确定的宽度，当您使用alignItems: 'center'它时，会将您的内容推到中心。因为没有设置宽度，所以宽度将为 0！

通过删除或更改alignItems您允许 flex 填充视图。