PixelRation in native 반응

반응 네이티브에서는 PixelRatio에서 사용하고 싶지만 내 이미지 경로를 삽입하는 곳은 확실하지 않습니다. 기본 문서 반응에, 나는 pixelRatioPixelRation in native 반응

여기에 원본 이미지의 크기입니다

var image = getImage({ 
    width: PixelRatio.getPixelSizeForLayoutSize(200), 
    height: PixelRatio.getPixelSizeForLayoutSize(100), 
}); 
<Image source={image} style={{width: 200, height: 100}} />

에 사용하는 경우 이미지의 경로에 대한 언급을 볼 수 있지만, 내가 URL을 가정하지 마십시오, 어디를 작성하는? 반응의 이미지 문서에 , 나는 그것을 대신 소스의 작성해야 예컨대

<Image 
     style={{width: 50, height: 50}} 
     source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} 
    />

그래서 제가 PixelRatio를 사용할 때 할 수있는 올바른 방법?

출처

2017-10-26 Adir Zoari

보조는 uri, width 및 height (포함 된 에셋과 같은 다른 이미지 소스 유형 중) 속성을 사용하는 일반 객체 설명 자입니다.

당신은 이미지 소스를 직접 구성 할 수 있어야한다 :

const image = { 
    uri: 'https://facebook.github.io/react/img/logo_og.png', 
    width: PixelRatio.getPixelSizeForLayoutSize(200), 
    height: PixelRatio.getPixelSizeForLayoutSize(100) 
}; 

return <Image source={image} />

출처

2017-10-26 12:53:04 jevakallio

좋은, 감사합니다. 크기 200, 100의 의미를 설명해 주시겠습니까? getPixelSizeLayoutSize 함수는 무엇을합니까? 그것은 픽셀에서 100 걸리고 크기 화면에 상대적으로 dp로 변환합니까? –

일반 숫자 측정 (예 : 200)은 DPI 측정입니다. 'getPixelSizeForLayoutSize'는 장치 화면의 픽셀 밀도 (예 : iOS의 경우 1x, 2x 또는 3x)를 기준으로 실제 픽셀로 변환합니다. 이 방법이 전혀 필요하지 않을 수도 있습니다. 이미지 소스를 만드는 법을 보여 줬습니다. 사용 사례는 당신에게 달려 있습니다. :) – jevakallio

PixelRation in native 반응

답변

관련 문제