ユーザー定義のアルバムを作成し、アセットをデバイスのネイティブ ギャラリーに作成するために、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 を使用してローカル静止画像のアセットを作成する方法を教えてください。私はネイティブに反応するのが初めてです!!!