react native style array

스타일 배열을 전달할 수도 있습니다. 배열의 마지막 스타일이 우선하므로 이를 사용하여 스타일을 상속할 수 있습니다.

• https://reactnative.dev/docs/style

<FlatList
      style={styles.flatList}
      contentContainerStyle={[styles.flatListContent, {paddingBottom: bottom}]} // styles.flatListContent + paddingBottom
      data={commentsQuery.data}
      keyExtractor={item => String(item.id)}
      renderItem={() => null}
      ListHeaderComponent={
        <ArticleView
          title={title}
          body={body}
          publishedAt={published_at}
          username={user.username}
        />
      }
    />


const styles = StyleSheet.create({
  spinner: {
    flex: 1,
  },
  flatList: {
    backgroundColor: 'white',
    flex: 1,
  },
  flatListContent: {
    paddingHorizontal: 12,
  },
});

• styles.flatListContent 스타일에 paddingBottom을 추가하였다
  - styled-components에서도 함수에 넣어서 상속받았던 것과 유사하다