/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. * * @providesModule CameraRoll * @flow * @format */ 'use strict'; const PropTypes = require('prop-types'); const {checkPropTypes} = PropTypes; const RCTCameraRollManager = require('NativeModules').CameraRollManager; const createStrictShapeTypeChecker = require('createStrictShapeTypeChecker'); const invariant = require('fbjs/lib/invariant'); const GROUP_TYPES_OPTIONS = { Album: 'Album', All: 'All', Event: 'Event', Faces: 'Faces', Library: 'Library', PhotoStream: 'PhotoStream', SavedPhotos: 'SavedPhotos', // default }; const ASSET_TYPE_OPTIONS = { All: 'All', Videos: 'Videos', Photos: 'Photos', }; /** * Shape of the param arg for the `getPhotos` function. */ const getPhotosParamChecker = createStrictShapeTypeChecker({ /** * The number of photos wanted in reverse order of the photo application * (i.e. most recent first for SavedPhotos). */ first: PropTypes.number.isRequired, /** * A cursor that matches `page_info { end_cursor }` returned from a previous * call to `getPhotos` */ after: PropTypes.string, /** * Specifies which group types to filter the results to. */ groupTypes: PropTypes.oneOf(Object.keys(GROUP_TYPES_OPTIONS)), /** * Specifies filter on group names, like 'Recent Photos' or custom album * titles. */ groupName: PropTypes.string, /** * Specifies filter on asset type */ assetType: PropTypes.oneOf(Object.keys(ASSET_TYPE_OPTIONS)), /** * Filter by mimetype (e.g. image/jpeg). */ mimeTypes: PropTypes.arrayOf(PropTypes.string), }); /** * Shape of the return value of the `getPhotos` function. */ const getPhotosReturnChecker = createStrictShapeTypeChecker({ // $FlowFixMe(>=0.41.0) edges: PropTypes.arrayOf( createStrictShapeTypeChecker({ node: createStrictShapeTypeChecker({ type: PropTypes.string.isRequired, group_name: PropTypes.string.isRequired, image: createStrictShapeTypeChecker({ uri: PropTypes.string.isRequired, height: PropTypes.number.isRequired, width: PropTypes.number.isRequired, isStored: PropTypes.bool, playableDuration: PropTypes.number.isRequired, }).isRequired, timestamp: PropTypes.number.isRequired, location: createStrictShapeTypeChecker({ latitude: PropTypes.number, longitude: PropTypes.number, altitude: PropTypes.number, heading: PropTypes.number, speed: PropTypes.number, }), }).isRequired, }), ).isRequired, page_info: createStrictShapeTypeChecker({ has_next_page: PropTypes.bool.isRequired, start_cursor: PropTypes.string, end_cursor: PropTypes.string, }).isRequired, }); /** * `CameraRoll` provides access to the local camera roll / gallery. * Before using this you must link the `RCTCameraRoll` library. * You can refer to [Linking](docs/linking-libraries-ios.html) for help. * * ### Permissions * The user's permission is required in order to access the Camera Roll on devices running iOS 10 or later. * Add the `NSPhotoLibraryUsageDescription` key in your `Info.plist` with a string that describes how your * app will use this data. This key will appear as `Privacy - Photo Library Usage Description` in Xcode. * */ class CameraRoll { static GroupTypesOptions: Object = GROUP_TYPES_OPTIONS; static AssetTypeOptions: Object = ASSET_TYPE_OPTIONS; /** * `CameraRoll.saveImageWithTag()` is deprecated. Use `CameraRoll.saveToCameraRoll()` instead. */ static saveImageWithTag(tag: string): Promise { console.warn( '`CameraRoll.saveImageWithTag()` is deprecated. Use `CameraRoll.saveToCameraRoll()` instead.', ); return this.saveToCameraRoll(tag, 'photo'); } /** * Saves the photo or video to the camera roll / gallery. * * On Android, the tag must be a local image or video URI, such as `"file:///sdcard/img.png"`. * * On iOS, the tag can be any image URI (including local, remote asset-library and base64 data URIs) * or a local video file URI (remote or data URIs are not supported for saving video at this time). * * If the tag has a file extension of .mov or .mp4, it will be inferred as a video. Otherwise * it will be treated as a photo. To override the automatic choice, you can pass an optional * `type` parameter that must be one of 'photo' or 'video'. * * Returns a Promise which will resolve with the new URI. */ static saveToCameraRoll( tag: string, type?: 'photo' | 'video', ): Promise { invariant( typeof tag === 'string', 'CameraRoll.saveToCameraRoll must be a valid string.', ); invariant( type === 'photo' || type === 'video' || type === undefined, // $FlowFixMe(>=0.28.0) `The second argument to saveToCameraRoll must be 'photo' or 'video'. You passed ${type}`, ); let mediaType = 'photo'; if (type) { mediaType = type; } else if (['mov', 'mp4'].indexOf(tag.split('.').slice(-1)[0]) >= 0) { mediaType = 'video'; } return RCTCameraRollManager.saveToCameraRoll(tag, mediaType); } /** * Returns a Promise with photo identifier objects from the local camera * roll of the device matching shape defined by `getPhotosReturnChecker`. * * Expects a params object of the following shape: * * - `first` : {number} : The number of photos wanted in reverse order of the photo application (i.e. most recent first for SavedPhotos). * - `after` : {string} : A cursor that matches `page_info { end_cursor }` returned from a previous call to `getPhotos`. * - `groupTypes` : {string} : Specifies which group types to filter the results to. Valid values are: * - `Album` * - `All` * - `Event` * - `Faces` * - `Library` * - `PhotoStream` * - `SavedPhotos` // default * - `groupName` : {string} : Specifies filter on group names, like 'Recent Photos' or custom album titles. * - `assetType` : {string} : Specifies filter on asset type. Valid values are: * - `All` * - `Videos` * - `Photos` // default * - `mimeTypes` : {string} : Filter by mimetype (e.g. image/jpeg). * * Returns a Promise which when resolved will be of the following shape: * * - `edges` : {Array} An array of node objects * - `node`: {object} An object with the following shape: * - `type`: {string} * - `group_name`: {string} * - `image`: {object} : An object with the following shape: * - `uri`: {string} * - `height`: {number} * - `width`: {number} * - `isStored`: {boolean} * - `timestamp`: {number} * - `location`: {object} : An object with the following shape: * - `latitude`: {number} * - `longitude`: {number} * - `altitude`: {number} * - `heading`: {number} * - `speed`: {number} * - `page_info` : {object} : An object with the following shape: * - `has_next_page`: {boolean} * - `start_cursor`: {string} * - `end_cursor`: {string} * * Loading images: * ``` * _handleButtonPress = () => { * CameraRoll.getPhotos({ * first: 20, * assetType: 'All', * }) * .then(r => { * this.setState({ photos: r.edges }); * }) * .catch((err) => { * //Error Loading Images * }); * }; * render() { * return ( * *