├── .babelrc ├── ios ├── RNCameraRoll │ ├── RNCameraRoll.h │ └── RNCameraRoll.m └── RNCameraRoll.xcodeproj │ └── project.pbxproj ├── android ├── src │ └── main │ │ ├── AndroidManifest.xml │ │ └── java │ │ └── com │ │ └── chrisbianca │ │ └── cameraroll │ │ ├── RNCameraRollPackage.java │ │ └── RNCameraRollModule.java └── build.gradle ├── .editorconfig ├── .watchmanconfig ├── RNCameraRoll.podspec ├── docs ├── installation.ios.md └── installation.android.md ├── .eslintrc ├── LICENSE ├── .npmignore ├── .gitignore ├── index.js ├── package.json ├── README.md └── .flowconfig /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } 4 | -------------------------------------------------------------------------------- /ios/RNCameraRoll/RNCameraRoll.h: -------------------------------------------------------------------------------- 1 | #import "RCTBridgeModule.h" 2 | 3 | @interface RNCameraRoll : NSObject 4 | 5 | @end 6 | -------------------------------------------------------------------------------- /android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | { 2 | "ignore_dirs": [ 3 | ".git", 4 | "node_modules", 5 | "android/build", 6 | "android/.idea", 7 | "ios/.idea", 8 | "android/.gradle", 9 | "android/gradle", 10 | ".idea" 11 | ] 12 | } 13 | -------------------------------------------------------------------------------- /RNCameraRoll.podspec: -------------------------------------------------------------------------------- 1 | require 'json' 2 | package = JSON.parse(File.read('package.json')) 3 | 4 | Pod::Spec.new do |s| 5 | s.name = "RNCameraRoll" 6 | s.version = package["version"] 7 | s.summary = package["description"] 8 | s.description = <<-DESC 9 | An improved camera roll module for React Native 10 | DESC 11 | s.homepage = "https://github.com/chrisbianca/react-native-cameraroll" 12 | s.license = package['license'] 13 | s.author = "Chris Bianca" 14 | s.source = { :git => "https://github.com/chrisbianca/react-native-cameraroll.git", :tag => "v#{s.version}" } 15 | s.social_media_url = 'http://twitter.com/chrisjbianca' 16 | s.platform = :ios, "8.0" 17 | s.preserve_paths = 'README.md', 'package.json', '*.js' 18 | s.source_files = 'ios/RNCameraRoll/*.{h,m}' 19 | s.dependency 'React' 20 | end 21 | -------------------------------------------------------------------------------- /android/src/main/java/com/chrisbianca/cameraroll/RNCameraRollPackage.java: -------------------------------------------------------------------------------- 1 | package com.chrisbianca.cameraroll; 2 | 3 | import com.facebook.react.ReactPackage; 4 | import com.facebook.react.bridge.JavaScriptModule; 5 | import com.facebook.react.bridge.NativeModule; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.react.uimanager.ViewManager; 8 | 9 | import java.util.ArrayList; 10 | import java.util.Collections; 11 | import java.util.List; 12 | 13 | public class RNCameraRollPackage implements ReactPackage { 14 | @Override 15 | public List createNativeModules(ReactApplicationContext reactContext) { 16 | List modules = new ArrayList<>(); 17 | 18 | modules.add(new RNCameraRollModule(reactContext)); 19 | 20 | return modules; 21 | } 22 | 23 | @Override 24 | public List createViewManagers(ReactApplicationContext reactContext) { 25 | return Collections.emptyList(); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /docs/installation.ios.md: -------------------------------------------------------------------------------- 1 | # iOS Installation 2 | 3 | There are multiple ways to install RNCameraRoll dependent on how your project is currently setup: 4 | 5 | ### 1) Existing Cocoapods setup, including React Native as a pod 6 | Simply add the following to your `Podfile`: 7 | 8 | ```ruby 9 | pod 'RNCameraRoll', :path => '../node_modules/react-native-cameraroll' 10 | ``` 11 | 12 | ### 2) Automatically with react-native-cli 13 | React native ships with a `link` command that can be used to link the projects together, which can help automate the process of linking our package environments. 14 | 15 | ```bash 16 | react-native link react-native-cameraroll 17 | ``` 18 | 19 | ### 3) Manually 20 | 21 | If you prefer not to use `react-native link`, we can manually link the package together with the following steps, after `npm install`: 22 | 23 | **A.** In XCode, right click on `Libraries` and find the `Add Files to [project name]`. 24 | 25 | **B.** Add the `node_modules/react-native-cameraroll/ios/RNCameraRoll.xcodeproj` 26 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "airbnb", 3 | "parser": "babel-eslint", 4 | "ecmaFeatures": { 5 | "jsx": true 6 | }, 7 | "plugins": [ 8 | "flowtype" 9 | ], 10 | "env": { 11 | "es6": true, 12 | "jasmine": true 13 | }, 14 | "parserOptions": { 15 | "ecmaFeatures": { 16 | "experimentalObjectRestSpread": true 17 | } 18 | }, 19 | "rules": { 20 | "class-methods-use-this": 0, 21 | "no-plusplus": 0, 22 | "no-underscore-dangle": 0, 23 | "no-return-assign": 0, 24 | "no-undef": 0, 25 | "no-use-before-define": 0, 26 | "arrow-body-style": 0, 27 | "import/prefer-default-export": 0, 28 | "radix": 0, 29 | "new-cap": 0, 30 | "max-len": 0, 31 | "no-continue": 0, 32 | "no-console": 0, 33 | "global-require": 0, 34 | "import/extensions": 0, 35 | "import/no-unresolved": 0, 36 | "import/no-extraneous-dependencies": 0, 37 | "react/jsx-filename-extension": 0 38 | }, 39 | "globals": { 40 | "__DEV__": true, 41 | "window": true 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2017 Chris Bianca 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in 11 | all copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 19 | THE SOFTWARE. 20 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log 3 | *.DS_Store 4 | 5 | # Xcode 6 | *.pbxuser 7 | *.mode1v3 8 | *.mode2v3 9 | *.perspectivev3 10 | *.xcuserstate 11 | project.xcworkspace/ 12 | xcuserdata/ 13 | 14 | # Android 15 | 16 | # Built application files 17 | android/*/build/ 18 | 19 | # Crashlytics configuations 20 | android/com_crashlytics_export_strings.xml 21 | 22 | # Local configuration file (sdk path, etc) 23 | android/local.properties 24 | 25 | # Gradle generated files 26 | android/.gradle/ 27 | 28 | # Signing files 29 | android/.signing/ 30 | 31 | # User-specific configurations 32 | android/.idea/gradle.xml 33 | android/.idea/libraries/ 34 | android/.idea/workspace.xml 35 | android/.idea/tasks.xml 36 | android/.idea/.name 37 | android/.idea/compiler.xml 38 | android/.idea/copyright/profiles_settings.xml 39 | android/.idea/encodings.xml 40 | android/.idea/misc.xml 41 | android/.idea/modules.xml 42 | android/.idea/scopes/scope_settings.xml 43 | android/.idea/vcs.xml 44 | android/*.iml 45 | 46 | # OS-specific files 47 | .DS_Store 48 | .DS_Store? 49 | ._* 50 | .Spotlight-V100 51 | .Trashes 52 | ehthumbs.db 53 | Thumbs.dbandroid/gradle 54 | android/gradlew 55 | android/build 56 | android/gradlew.bat 57 | android/gradle/ 58 | docs 59 | .idea 60 | coverage 61 | yarn.lock 62 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log 3 | *.DS_Store 4 | 5 | # Xcode 6 | *.pbxuser 7 | *.mode1v3 8 | *.mode2v3 9 | *.perspectivev3 10 | *.xcuserstate 11 | project.xcworkspace/ 12 | xcuserdata/ 13 | 14 | # Android 15 | 16 | # Built application files 17 | android/*/build/ 18 | 19 | # Crashlytics configuations 20 | android/com_crashlytics_export_strings.xml 21 | 22 | # Local configuration file (sdk path, etc) 23 | android/local.properties 24 | 25 | # Gradle generated files 26 | android/.gradle/ 27 | 28 | # Signing files 29 | android/.signing/ 30 | 31 | # User-specific configurations 32 | android/.idea/gradle.xml 33 | android/.idea/libraries/ 34 | android/.idea/workspace.xml 35 | android/.idea/tasks.xml 36 | android/.idea/.name 37 | android/.idea/compiler.xml 38 | android/.idea/copyright/profiles_settings.xml 39 | android/.idea/encodings.xml 40 | android/.idea/misc.xml 41 | android/.idea/modules.xml 42 | android/.idea/scopes/scope_settings.xml 43 | android/.idea/vcs.xml 44 | android/*.iml 45 | 46 | # OS-specific files 47 | .DS_Store 48 | .DS_Store? 49 | ._* 50 | .Spotlight-V100 51 | .Trashes 52 | ehthumbs.db 53 | Thumbs.dbandroid/gradle 54 | android/gradlew 55 | android/build 56 | android/gradlew.bat 57 | android/gradle/ 58 | .idea 59 | .idea 60 | coverage 61 | yarn.lock 62 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | // @flow 2 | import { NativeModules } from 'react-native'; 3 | 4 | const RNCameraRollModule = NativeModules.RNCameraRoll; 5 | 6 | export type AssetRequestType = "image" | "video" | "all"; 7 | export type AssetType = "image" | "video"; 8 | 9 | export type GetAssetsParams = { 10 | assetType: AssetRequestType; 11 | limit: number; 12 | start?: string | number; 13 | } 14 | 15 | export type Location = { 16 | altitude?: number; 17 | heading?: number; 18 | latitude: number; 19 | longitude: number; 20 | speed?: number; 21 | } 22 | 23 | export type Asset = { 24 | filename: string; 25 | height: number; 26 | location: Location; 27 | timestamp: number; 28 | type: AssetType; 29 | uri: string; 30 | width: number; 31 | } 32 | 33 | export type PageInfo = { 34 | end_cursor: string | number; 35 | has_next_page: boolean; 36 | start_cursor: string | number; 37 | } 38 | 39 | export type GetAssetsResponse = { 40 | assets: Array; 41 | page_info: PageInfo; 42 | } 43 | 44 | /** 45 | * @class RNCameraRoll 46 | */ 47 | export default class RNCameraRoll { 48 | /** 49 | * @param params 50 | * @returns {Promise} 51 | */ 52 | static getAssets(params: GetAssetsParams) : Promise { 53 | return RNCameraRollModule.getAssets(params); 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | // START - required to allow working on this project inside Android Studio 2 | // YES, jcenter is required twice - it somehow tricks studio into compiling deps below 3 | // doesn't break anything anywhere else and projects using this lib work as normal 4 | buildscript { 5 | repositories { 6 | jcenter() 7 | } 8 | dependencies { 9 | classpath 'com.android.tools.build:gradle:2.1.3' 10 | } 11 | } 12 | // END 13 | 14 | apply plugin: 'com.android.library' 15 | 16 | android { 17 | compileSdkVersion 25 18 | buildToolsVersion "23.0.3" 19 | 20 | defaultConfig { 21 | minSdkVersion 16 22 | targetSdkVersion 25 23 | versionCode 1 24 | versionName "1.0" 25 | multiDexEnabled true 26 | } 27 | buildTypes { 28 | release { 29 | minifyEnabled false 30 | } 31 | } 32 | } 33 | 34 | // START - required to allow working on this project inside Android Studio 35 | // YES, jcenter is required twice - it somehow tricks studio into compiling deps below 36 | // doesn't break anything anywhere else and projects using this lib work as normal 37 | // you'll now have code completion/validation and all the other AS goodies. 38 | allprojects { 39 | repositories { 40 | jcenter() 41 | } 42 | } 43 | // END 44 | 45 | dependencies { 46 | compile fileTree(include: ['*.jar'], dir: 'libs') 47 | compile 'com.facebook.react:react-native:+' 48 | } 49 | -------------------------------------------------------------------------------- /docs/installation.android.md: -------------------------------------------------------------------------------- 1 | # Android Installation 2 | 3 | The simplest way of installing on Android is to use the react-native link CLI command & rebuild the project: 4 | 5 | ``` 6 | react-native link react-native-cameraroll 7 | ``` 8 | 9 | ## Manually 10 | 11 | To install `react-native-cameraroll` manually in our project, we'll need to import the package from `com.chrisbianca.cameraroll` in our project's `android/app/src/main/java/com/[app name]/MainApplication.java` and list it as a package for ReactNative in the `getPackages()` function: 12 | 13 | ```java 14 | package com.youcompany.application; 15 | // ... 16 | import com.chrisbianca.cameraroll.RNCameraRollPackage; 17 | // ... 18 | public class MainApplication extends Application implements ReactApplication { 19 | // ... 20 | 21 | @Override 22 | protected List getPackages() { 23 | return Arrays.asList( 24 | new MainReactPackage(), 25 | new RNCameraRollPackage() // <-- Add this line 26 | ); 27 | } 28 | }; 29 | // ... 30 | } 31 | ``` 32 | 33 | We'll also need to list it in our `android/app/build.gradle` file as a dependency that we want React Native to compile. In the `dependencies` listing, add the `compile` line: 34 | 35 | ```java 36 | dependencies { 37 | compile project(':react-native-cameraroll') 38 | } 39 | ``` 40 | 41 | Add the project path to `android/settings.gradle`: 42 | 43 | ``` 44 | include ':react-native-cameraroll' 45 | project(':react-native-cameraroll').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-cameraroll/android') 46 | ``` 47 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "react-native-cameraroll", 3 | "version": "1.1.0-alpha1", 4 | "description": "A replacement camera roll module for React Native", 5 | "main": "index.js", 6 | "scripts": { 7 | "flow": "flow", 8 | "lint": "eslint ./src" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/chrisbianca/react-native-cameraroll.git" 13 | }, 14 | "author": "Chris Bianca ", 15 | "license": "MIT", 16 | "keywords": [ 17 | "react", 18 | "react-native", 19 | "react-native-cameraroll", 20 | "camera", 21 | "cameraroll" 22 | ], 23 | "bugs": { 24 | "url": "https://github.com/chrisbianca/react-native-cameraroll/issues" 25 | }, 26 | "homepage": "https://github.com/chrisbianca/react-native-cameraroll#readme", 27 | "peerDependencies": { 28 | "react": "*", 29 | "react-native": "*" 30 | }, 31 | "rnpm": { 32 | "ios": { 33 | "project": "ios/RNCameraRoll.xcodeproj" 34 | }, 35 | "android": { 36 | "packageInstance": "new RNCameraRollPackage()" 37 | } 38 | }, 39 | "devDependencies": { 40 | "babel-eslint": "^7.0.0", 41 | "babel-jest": "^14.1.0", 42 | "babel-preset-react-native": "^1.9.0", 43 | "debug": "^2.2.0", 44 | "enzyme": "^2.4.1", 45 | "eslint": "^3.19.0", 46 | "eslint-config-airbnb": "^14.1.0", 47 | "eslint-plugin-flowtype": "^2.30.4", 48 | "eslint-plugin-import": "^2.2.0", 49 | "eslint-plugin-jsx-a11y": "^4.0.0", 50 | "eslint-plugin-react": "^6.10.3", 51 | "flow-bin": "^0.40.0", 52 | "react": "^15.3.0", 53 | "react-dom": "^15.3.0", 54 | "react-native": "^0.42.0" 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Native Camera Roll 2 | 3 | [![npm version](https://img.shields.io/npm/v/react-native-cameraroll.svg)](https://www.npmjs.com/package/react-native-cameraroll) 4 | [![License](https://img.shields.io/npm/l/react-native-cameraroll.svg)](/LICENSE) 5 | 6 | **RNCameraRoll** is a replacement CameraRoll module for React Native that offers consistent behaviour across iOS and Android 7 |

8 | 9 | ### Install 10 | ``` 11 | npm i react-native-cameraroll --save 12 | ``` 13 | 14 | #### Platform specific setup guides: 15 | [![ios](https://a.fsdn.com/sd/topics/ios_64.png)](docs/installation.ios.md) [![android](https://a.fsdn.com/sd/topics/android_64.png)](docs/installation.android.md) 16 | 17 |

18 | 19 | ### Usage 20 | 21 | `import RNCameraRoll from 'react-native-cameraroll';` 22 | 23 | #### `getAssets(params: Object): Promise