이전글에서 Multiple-Image-Picker 라이브러리를 사용하기 위한 준비를 마쳤다. 

이제 실제로 라이브러리를 사용하여 사용자 앨범에 접근 및 여러개의 사진을 선택하여 가져와 보도록 하자.

 

소스코드

import React from 'react';
import {View, Button} from 'react-native';
import styled from 'styled-components';

import MultipleImagePicker from '@baronha/react-native-multiple-image-picker';

const Profile = () => {
  const openPicker = async () => {
    try {

      const response = await MultipleImagePicker.openPicker({
        usedCameraButton: false,
        maxVideo: 1,
        selectedAssets: images,
        isExportThumbnail: true,
        isCrop: true,
        isCropCircle: true,
      });

      console.log('response: ', response);

    } catch (e) {
      console.log(e.code, e.message);
    }
  };

  return (
    <Container>
      <View style={{flex:1, padding:16}}>
        <Button title='show picker' onPress={openPicker}></Button>
      </View>
    </Container>
  );
};

export default Profile;

테스트 만을 위해 화면을 간단하게 구성했다.

 

테스트 결과

 

반환 객체 콘솔 출력