보통 쇼핑 아이템을 디스플레이할때,  한줄에 한개씩, 두개씩 또는 3개씩 보여줄 경우 (최대 4개정도까지 괜찮을 수도..)

 

리액트 네이티브의 그리드 컴포넌트를 사용할 것 같습니다.

 

사용되는 기술이 Flexbox라서. http://sir.kr/so_app/1207

 

한줄에 한개는 쉬울 것 같은데..

 

세팅이나 화면 보기로 멀티로 보여 줄려고 하면,  그리드 컴포넌트를 사용하면 쉽게 될 것 같습니다.

 

여기서 그리드 컴포넌트의 방식을 보니

 

두가지 방식이 있네요..

 

그리드 표현을 여러방식으로 하는 방법

https://github.com/GeekyAnts/react-native-easy-grid 

https://github.com/rundmt/react-native-flexbox-grid 

 

표현할 내용을 한번에 읽어와서 하나의 컴포넌트로 표현하는 방법..

https://github.com/phil-r/react-native-grid-component 

https://github.com/KartikTalwar/rn-grid-view 

 

2가지중 어느것이 더 편할까요?  각각의 장단점은...

 

1번은 코드가 보기 편하겠죠..  그러나 멀티별로 소스코드 작성을 해야되나요?

 

2번은 한 소스코드에서 몇개 아이템으로 할것인지만 변경하면 되는 장점이 있을 것 같습니다.

 

디스플레이해야 될 아이템이 많아지면 어떨지 모르겠네요..