0

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

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

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

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

createAlbum() {
    RNPhotosFramework.createAlbum(this.state.createAlbumName).then((album) => {
      RCTCameraRollRNPhotosFrameworkManager.createAssets({
        images : [{ uri : '../assets/logo.png' }],
        album : album,
        includeMetadata : true 
      });
    }).catch((error)=>{
      alert("Error in creating album : \n"+JSON.stringify(error));
    });
}

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

画像ファイルが見つかりませんでした:///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 を取得するために使用しました。

images : [{ uri : require('../assets/logo.png' )}],

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

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

私のプロジェクトのディレクトリ構造。

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

4

1 に答える 1