React-native(35)
-
SectionList 뽀개기 2021.08.18
-
Objects are not valid as a React child 오류 해결법
React Native로 작업 중 SectionList에 데이터를 넣는 과정에서 오류가 생겼다. Objects are not valid as a React child (found: object with keys {maintag,subtag}). If you meant to render a collection of children, use an array instead. 해석하자면 Object는 React의 하위 개체로 유효하지 않다. (해당 객체에서 오류를 찾았다) 하위 개체를 랜더하기를 원한다면 배열로 넣어라. 여기서 객체 말고 배열로 데이터를 넣으면 아주 간단하게 해결된다. - 하지만 배열로만 들어가서는 안되는 데이터는? 어떻게 해야할까??????? const DATA = [ { title: {mai..
2021.08.18 -
VirtualizedLists should never be nested inside plain ScrollViews with the same orientation 시뮬레이터 scrollView 오류 해결법
React Native 작업 도중 시뮬레이터에서 해당 오류를 띄웠다. VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. 대강 해석해보자면 VirtualizedLists는 같은 방향으로 일반 ScrollView와 중첩되어서는 안된다. ScrollView 안에 SectionList를 넣었더니 해당 오류가 나타났다. List는 일반 ScrollView에 넣으면 중첩되기 때문. (왜 중첩이 되는지는 모르겠..
2021.08.18 -
ScrollView horizontal 에 padding을 줄 경우 잘려서 보이는 문제 해결방법
가로 스크롤 슬라이드 작업 도중 이슈가 있었다 좌우 패딩이 있는 컨테이너에 스크롤 뷰를 넣으면, 가로 스크롤 시 컨텐츠가 잘리게 된다. = scrollView에 직접 패딩을 줘야함. 그래서 이렇게 이쁘게 좌우패딩을 줬다. 그런데 나온 결과는? 나는 분명 패딩을 좌우로 줬는데, 왼쪽에만 들어가고 오른쪽은 잘려서 나온다. marginHorizontal로 변경도 해보고, 너비도 지정해보고 다양한 시도를 해봤지만 결과는 같았다. 원인은 ScrollView에 대한 이해부족! style이 아닌 contentContainerStyle로 스타일을 줬다. 그 결과는? 아주 잘 나온다. scrollView의 컨테이너는 contentContainerStyle을 이용해서 스타일을 줘야한다. 그냥 스타일로 넣었기 때문에 이상하..
2021.08.13 -
slide component 가로 스크롤 주의사항
w
2021.08.12 -
StackNavigator
stack이란? 차곡차곡 쌓아서 제일 처음 들어온 것이 가장 나중에 나가는 것. (ex.연탄로) 그럼 stackNavigator란? stack의 개념으로 화면을 차곡차곡 쌓는 네비게이터.
2021.08.12