[React Native] Percentage width in Flatlist Item
React-Native

[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,
    ... 중략 ...
}

 

'React-Native' 카테고리의 다른 글

[React Native] iOS 빌드 세팅  (0) 2022.01.18
[React Native] CSS 속성 정리 - 배치, 정렬  (0) 2019.11.12