反応ネイティブ アプリケーションのコードで画像の問題に直面しています。コード内の Image タグを使用して、反応するネイティブ コードに画像を配置しました。サイズ - 画像の高さと幅を 150 に設定しました。私たちの問題は、画像の高さを 100 に減らすと、画像が上下両方からトリミングされることです。必要に応じて、画像を下からのみトリミングしたいと考えています。以下は、サンプル コードと、作成したコードの出力です。
たとえば、以下のコードに従って幅と高さが 150 の画像を 1 つ配置し、ウィンドウの右側に出力を取得しています。(画像①) ( https://ibb.co/CJjc4SP )
ここで、画像の高さを 100 に設定すると、画像が上下両方からトリミングされます。必要に応じて、画像を下からのみトリミングしたいと考えています。以下のコード スニペットと出力を参照してください。(画像②) ( https://ibb.co/FhZ1gxh )
例をさらに説明すると、以下の画像 1 は、高さ 150 のコードで使用している画像です。高さを 100 に減らすと、画像は画像 2 に従って上下の両方からトリミングされます。画像 3 のように、下からのみトリミングされます。同じものについては、以下の画像を参照してください。
元の画像 (1) - ( https://ibb.co/JRzk1T8 )
トリミングされた出力画像 (2) - 画像の高さを 150 から 100 に減らすと、画像は画像に従って上下両方からトリミングされます。- ( https://ibb.co/GJkW7PX )
期待される出力画像 (3) – 上記の画像のように、画像を下からのみトリミングしたい。- ( https://ibb.co/jZkdHhw )
プロジェクトには複数の画像があります。したがって、それに応じて適切な解像度を指定してください。- ( https://ibb.co/nPD4JvQ )
縮小されたサイズの高さを適用するときに、下からのみ画像をトリミングする方法はありますか? または、他の小道具や属性を適用することによって？
よろしく、 ウダイ