問題タブ [react-native-image]

ユーザー定義のアルバムを作成し、アセットをデバイスのネイティブ ギャラリーに作成するために、react-native-photos-framework を使用しています。

私のアプリでは、ユーザー定義のアルバム作成機能をユーザーに提供します。そのために、ユーザーがアルバム名と「OK」および「CANCEL」ボタンを入力できる入力フィールドを備えた単純なモーダルを表示しています。

私は何をしたいですか？
ユーザーが入力フィールドにアルバム名を入力した後に「OK」ボタンをクリックすると、入力されたアルバムがギャラリーに作成され、デフォルトで 1 つの画像 (ローカル ディレクトリにある) がそのアルバムに追加されます。

これが私が使用したコードです:

ご覧のとおり、ギャラリーで正常に作成されているアルバムを最初に作成していますが、アセットはそのアルバムにコピーされていません。それは私にこのエラーを与えています:

画像ファイルが見つかりませんでした:///Users/vision/Library/Developer/CoreSimulator/Devices/E5AA1780-A55C-4C67-95A5-222E4AS3PA23/data/Containers/Bundle/Application/5E37FAF5-15DD-483B-3BD6-C311C587SD8/CameraApp .app/../assets/imgs/logo.png

require()また、次のように画像 uri を取得するために使用しました。

しかし、その後アプリがクラッシュします。

これが私のプロジェクト構造です：

react-native-photos-framework を使用してローカル静止画像のアセットを作成する方法を教えてください。私はネイティブに反応するのが初めてです!!!

反応ネイティブ アプリケーションのコードで画像の問題に直面しています。コード内の 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 )

縮小されたサイズの高さを適用するときに、下からのみ画像をトリミングする方法はありますか? または、他の小道具や属性を適用することによって？

よろしく、 ウダイ

ビューが灰色の画像を表示する必要があります。（つまり、画像の上の背景だけではなく、画面全体が灰色を表示する必要があります）も変更する必要があります。react-native-fast-image パッケージを使用しています