FlatList 이용 시 renderItem 배열하기 + flexDirection을 row, 스타일 적용하기

지금보면 간단한데 조금 어려웠다.

 

 

세로로만 배열되는 모습

FlatList의 배열은 기본적으로 세로로만 나온다.

 

사고의 흐름 1) 그럼 flexDirection을 row로 줘볼까?

배열을 해야하니 감싸는 부모를 둘 수도 없었고, 부모에 flexDrection:'row'를 해봤자 통하지 않았다.

 

 

사고의 흐름 2) numColumns라는 속성으로 칼럼 갯수를 줘볼까?

=> 반만 정답.

numColums를 추가했다

 

사고의 흐름 2) 그럼 flexDirection을 row로 줘볼까?