React Native：Scrollviewでフル画像を印刷

Question

私は非常に背の高い画像ですが、それほど大きくはありません。私はスクロールビューでそれを印刷したいので、すべてを1つの画面で見ることができますが、何も機能しません。その

のような私は= {{幅=「100％」}}スタイルでそれらの上で持っていたときに私のscrollviewと私のイメージの幅と高さとflexsでプレーした後、私が得る最高の結果が

、

<ScrollView style={{width: '100%'}}> 
    <Image 
     source={require('./assets/skeleton/fullSkeleton.png')} 
     resizeMode='cover' 
     /> 
    </ScrollView> 

画像を全幅で印刷しますが、スクロールビューの高さが元の画像の高さです。サイズ変更された画像全体が表示されません。

ここ

、私のイメージを表現するために、悪い描画、そして私は自分の携帯電話の画面上

EDIT見たい：このコードのビットで ：

<ScrollView 
    contentContainerStyle={{alignItems: 'center'}}> 
    <Image 
     source={require('./fullSkeleton.png')} 
     resizeMode='cover' 
     /> 
</ScrollView> 

を私はで終わりますWICHがIMAGの残りの部分を表示するには、下にスクロールすることができます

e。あなたが見ることができるように、それは縦にナビゲートすることができますが、画面全体の幅

Answer 1

を負いません以下が役立つことがあります。

あなたはScrollViewの内容のスタイルをcontentContainerStyleを使用することができます。このように（本質的にあなたが持っているもの）：

<ScrollView 
    contentContainerStyle={{alignItems: 'center'}}> 
    <Image 
     source={require('./fullSkeleton.png')} 
     resizeMode='cover' 
     /> 
</ScrollView> 

私のために働く - 私は全体の画像をスクロールすることができ、下に表示されます。

NB：必要な高さを維持しながら画像全体を覆うようにするには、幅を特に設定する必要があります。私の場合、iPhone 7+では、画像コンポーネントにスタイル= {{width：414}}を追加し、resizeModeを 'stretch'に変更することを意味していました。

Hereは、画像のサイズを変更するための正式な撮影です。getting device dimensionsもここでも便利です。