디바이스별 아이콘 사이즈 설정이 가능할까요?

react-native-vector-icons 에서 아이콘을 불러와서 사용중인데요.
아이콘 사이즈가 동일하게 주어지다보니, 작은 디바이스에서 너무 크게 느껴지네요…ㅎㅎ

그래서 디바이스에 따라서 아이콘 사이즈를 별도로 지정이 가능한지 궁금합니다.!
예를 들어 5s를 기준으로 이전 14px, 이후 20px 이런 식으로요!

import { PixelRatio, Dimensions } from "react-native";
    
function scaleFontSize(dp){
    const iPhoneXsWidthPoints = 375;
    const deviceWidthPoints = Dimensions.get("window").width;
    const scaleRatio = deviceWidthPoints / iPhoneXsWidthPoints;
    return PixelRatio.roundToNearestPixel(dp * scaleRatio)
}

디바이스 points 는 이곳을 참고하셔서, 디자인된 캔버스 사이즈(디바이스 사이즈)를 기준으로 잡으시면 될 것 같습니다.
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

2 Likes