イメージのサイズを、リモートの親から相対的なネイティブで設定する

Question

私の反応するネイティブのアプリケーションの中には、水平に100％幅に伸びるべきコンテナ付きの単純なScrollViewがあります。これらの各コンテナに画像が表示されます。私はWeb APIから各コンテナの画像を受け取ります（ただし、実際の画像もbyte64の文字列として送信できます）。

ここで問題は、Imageコンポーネントで、画像を表示するためにheightとスタイル属性を設定する必要があることです。私はその理由を理解しています。画像の実際の大きさは実行時にしか利用できず、画像が読み込まれたときにUIが異常な動作をするためです。

しかし、イメージの幅を親コンテナの100％に設定したいと思っていますが、各イメージがロードされるときにコンテナの高さが変わるということです。

この問題の解決方法についてアドバイスをいただけますか？

Answer 1

あなたが説明しているシナリオを完全に理解しているかどうかわからないので、この考え方はうまくいかないかもしれません。しかし、コンテナの幅がわかっている場合は、コンテナの幅とイメージの元の幅の比に基づいて、イメージの高さをスケールすることができます。

私は実際に私が同様の目的のためにアップコード化されたコンポーネントを提供することで、これについての最近の質問に答えました：

Auto scale image height with React Native

は、この情報がお役に立てば幸いです。あなたがイメージが容器全体に伸ばしますこれで

resizemode="stretch" 

ような何かを行うことができます

Answer 2

は関係なく、画像