width = '100％'ネイティブの幅が最大画面のサイズより小さい画像のネイティブで反応する

Question

私はリアクションネイティブで、幅= '100％'を使用して、iphone 7 @ 2x（750px幅）。これはiphone 7では正常に動作しますが、7plusの画像を見ると、上下にクリップされます。これを防ぐために、私は7plus（818px @ 2x）の画像を保存しなければなりません。

誰もwidth = '100％'の使い方を知っていて、最大のネイティブディメンションを超えてイメージスケールが比例していますか？サイズ変更モードの変更は機能しません。私はそれを助けることができるなら、私はまた、プラグインを使用したくない。

は私が明示的に窓の寸法に基づいて高さと幅を定義することができることを知っている：

import { Dimensions } from 'react-native' 

    const { height, width } = Dimensions.get('window') 

    export { 
     height as deviceHeight, 
     width as deviceWidth, 

} 

と高さの比率計算を使用しますが、私は次元を宣言する必要がないようにする方法を探しています（本質的にはheight: auto）。

Answer 1

あなたが試すことができるいくつかの事柄。

が、これはあなたがこれらの作業のどちらのためならば

alignSelf: 'stretch' 

を伸ばすために子供を伝えるためにALIGN-自己を使用することができ、すべてのフレキシボックスのレイアウトなので、画面

resizeMode: 'cover' 

をカバーするために画像を言ってみあなた。私が以前にやったもう1つの方法は、静的なサイズを取り除くことで、自然に成長させることです（幅と高さにnullを指定することによって）。

Facebook docs on support