본문 바로가기
내마음대로만들어보자/에러 뿌시기

scrollview child layout ( alignitems ) must be applied through the contentcontainerstyle prop

by 소농민! 2021. 9. 17.
728x90

ScrollView안에 내용들을 오른쪽으로 정렬하기위해 alignItems를 적용하려고했지만

제목과 같은 오류가 발생했다..!!

 

ScrollView 사용할 때 컨텐츠의 내용의 길이가 원하는 사이즈에 부족하더라도 ScrollView 영역만큼의 영역을 확보해야할 경우가 있는데 이 경우 ScrollView의 안쪽 View에 flex: 1이나 height: 100% 등을 선언해도 영역을 확보할 수가 없다.


실제 ScrollView를 사용할 때 ScrollView 내부에 접근할 수 없는 컨테이너가 생성되기 때문이라고한다!

 

이 때 contentContainerStyle props를 이용해 이 컨테이너의 스타일을 부여할 수 있다.
여기서 주의할 점은 contentContainerStyle props에 flesBasis를 0으로 설정하면 스크롤이 되지 않는 이슈가 있다.

 

<ScrollView contentContainerStyle={{ flexGrow: 1 }}>

      <View style={styles.empty}>

      </View>

</ScrollView>