더북(TheBook)

현재 ArticleViewFlatListListHeaderComponent로 사용하고 있습니다. 이렇게 한 이유는 내용이 길어지거나 댓글이 많아지면 사용자가 스크롤할 수 있어야 하기 때문입니다. 만약 댓글이 몇 개 달리지 않는다면, 여기서 FlatList 대신 ScrollView를 사용하고, 댓글을 보여줄 때 FlatList가 아닌 배열의 내장 함수 map을 사용해서 바로 보여주도록 구현해도 됩니다. 여기서는 댓글이 많이 달릴 수 있는 상황을 고려하여 FlatList를 사용했습니다.

contentContainerStyle에는 홈 버튼이 없는 iOS 기종에 대응하기 위해 useSafeAreaInsets()를 사용하여 화면 하단 필수 여백 크기를 가져오고, 이를 contentContainerStylepaddingBottom으로 지정해줬습니다.

다음으로 댓글을 보여주기 위한 컴포넌트를 준비해봅시다. components 디렉터리에 CommentItem 컴포넌트를 다음과 같이 작성해보세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.