더북(TheBook)

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

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

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