React Nativeを使ってAndroidのアプリを作ってます。
プライベートなS3(Cognitoで認証・認可されたユーザーしかアクセスできない仕組み)の画像をダウンロードし、画面に描画する事を考えてます。
AWS AmplifyでAuth, Storageの設定は完了しており、下記のコードでerrと出ていないので、通信はできているようですが、どうやってreturn の中に記述するかがわからないため、教えて頂けると幸いです。
Display.jsx
JavaScript
1import React from 'react'; 2import { View } from 'react-native'; 3 4import Amplify, { Storage } from 'aws-amplify'; 5import awsmobile from 'aws-exports'; 6 7 8//これはS3にアクセスできているかを確認するためのコード 9Amplify.configure(awsmobile); 10Storage.get('testimage.png', { level: 'protected' } 11 .then( result => console.log('OK')) 12 .catch( err => console.log('err') 13) 14 15export default function Display() { 16 return ( 17 <View> 18 //ここにtestimage.png を描画したい 19 </ View> 20 ); 21}
このDisplay.jsxはApp.jsで読み込むコンポーネントにしてあります。
App.jsを読み込んでいるとき、ターミナルでは'OK'と表示されているため、自分ではバケットにはアクセスできていると思っていますが、この認識はあってますでしょうか?
あっているのであれば、<View>タグの中をどう記述したらよいかについて教えて頂きたいです。また、Amplify.configure以下が間違っていれば、それもご指摘頂けると幸いです。
お手数をおかけしますが、よろしくお願いいたします。
あなたの回答
tips
プレビュー