PixelRation in react native

Question

私は、反応ネイティブでPixelRatioで使用したいが、自分の画像パスを挿入する場所がわからない。中 がネイティブドキュメントを反応pixelRatio

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を使用するときに行うには正しい方法は？

Answer 1

Image.source propは、プロパティuri,width、height（組み込みアセットなど）のうちの1つを使用するプレーンオブジェクト記述子です。

あなたは、イメージソースを自分で構築することができるはずです。

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

return <Image source={image} />