Grid 컴포넌트

· 9년 전 · 1147

보통 쇼핑 아이템을 디스플레이할때,  한줄에 한개씩, 두개씩 또는 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번은 한 소스코드에서 몇개 아이템으로 할것인지만 변경하면 되는 장점이 있을 것 같습니다.

 

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

|
댓글을 작성하시려면 로그인이 필요합니다.

앱개발

+
분류 제목 글쓴이 날짜 조회
9년 전 조회 1,540
9년 전 조회 1,881
9년 전 조회 1,521
9년 전 조회 1,179
9년 전 조회 1,059
9년 전 조회 994
9년 전 조회 900
9년 전 조회 1,413
9년 전 조회 1,201
9년 전 조회 1,776
9년 전 조회 1,531
9년 전 조회 1,291
9년 전 조회 1,903
9년 전 조회 1,137
9년 전 조회 1,148
9년 전 조회 1,181
9년 전 조회 1,355
9년 전 조회 1,407
9년 전 조회 1,157
9년 전 조회 1,256
9년 전 조회 1,638
9년 전 조회 1,939
9년 전 조회 1,311
9년 전 조회 1,683
9년 전 조회 1,368
9년 전 조회 1,434
9년 전 조회 1,903
9년 전 조회 1,298
9년 전 조회 981
9년 전 조회 1,550