grid배열만들기
-
[React Native] 3X3 FlatList 배열 만들기졸업프로젝트 2020. 12. 2. 11:16
메인 화면에서 다운로드한 책을 3x3 열로 보여주기 위해 react-native-grid-layout을 이용하고자 했으나 번들 오류로 인해 react-native에 포함되어 있는 FlatList로 grid layout을 구현하였다. 여기를 참고하여 코드를 작성하였습니다. 1. 배경화면 넣기 ImageBackground를 이용합니다. Image와 다르게 child를 가질 수 있어 child로 다른 components를 포함할 수 있습니다. 1.1 local file 이미지 경로에 추가하기 source={require('local_file_경로')}와 같이 사용합니다. 1.2 이미지 크기 늘리기 배경화면으로 이미지를 사용하기 위해 width와 height의 범위를 100%로 합니다. 1.2.1 이미지 크기에..