React Navigation 빈 화면

Question

최근 엑스포 앱을 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을 제거하거나 변경하면 플렉스에서보기를 채울 수 있습니다.