[React Native] Percentage width in Flatlist Item

FlatList 내에서 Item의 width를 Percentage로 정하기

---

FlatList 내의 item Style을 정해줄 때, width: '90%' 이런식으로는 적용되지 않는다.

 

아래와 같이, Screen의 Dimension을 구하여 * percent로 해주면 잘 적용된다!

 

import { Dimensions } from "react-native"

const ITEM_BOX: ViewStyle = {
    width: Dimensions.get('screen').width * 0.90,
    ... 중략 ...
}