반응식 네이티브에서 ListView를 올바르게 맞추기

Question

react-native 앱에 화면의 세부 정보가 표시됩니다. 왼쪽 열에는 항목을 설명하는 레이블이 있고 오른쪽에는 항목의 가치가있는 매우 간단한 화면입니다. 값 중 하나 인 경우 ListView을 렌더링해야하는데 제대로 정렬 할 수 없습니다.

Sample app on rnplay

는 iOS에서 실행하십시오 : 아래 증상 rnplay에 샘플 응용 프로그램입니다. 여기서 ComponentListView은 ListView을 렌더링하는 데 사용하는 재사용 가능한 구성 요소이며 component에 전달 된 data의 각 항목을 소품으로 렌더링하고 렌더링 할 때 component 및 data을 사용합니다. 여기서 목록은 BackupList이고 각 행에서 렌더링 할 구성 요소는 BackupSummary입니다. 앱을 실행하면 백업이 제대로 정렬되지 않은 것을 알 수 있습니다. 시뮬레이터의 Inspector에서 실행했고 ListView이 어디에서 시작합니까? Varun Accepted이 표시됩니다. 왜 그런지 모르겠습니다. 지금은 this.props.backupContacts에 단 하나의 항목이 있지만 더 많은 항목이있을 수 있습니다. 나는 그것이 성공하지 못하게하기 위해서 alignItems, justifyContent, alignSelf과 같은 많은 다른 flexbox 속성을 시도했다.

해결 방법을 알고 계시면 알려 주시기 바랍니다.

Answer 1

는보기 내부에 ListView을 넣고 적용 CSS를보기에 뭔가를 같은 일을 시도이

<View style={{display:'flex', flexDirection:'row', justifyContent:'center'}}> 
     <ListView/> 
</View>