0.0.3 • Published 4 years ago

react-native-cloudinary-image-picker v0.0.3

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

react native cloudinary image picker

This package helps you upload assets to cloudinary with ease.

Installation

Add react-native-cloudinary-image-picker to your project by running;

npm install react-native-cloudinary-image-picker 

or

yarn add react-native-cloudinary-image-picker

One more thing

To frontload the installation work, let's also install and configure dependencies used by this project, being react-native-image-picker

run

yarn add react-native-image-picker

# RN >= 0.60
npx pod-install

# RN < 0.60
react-native link react-native-image-picker

for expo applications run;

expo install react-native-image-picker

and that's it, you're all good to go!

Usage

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React from 'react';
import {SafeAreaView} from 'react-native';

import {UnsignedUpload} from ' react-native-cloudinary-image-picker';

function App() {
  return (
    <SafeAreaView>
      <UnsignedUpload
        CLOUDINARY_URL="<your-url-goes-here>"
        CLOUDINARY_CLOUD_NAME="<cloud-name-goes-here>"
        CLOUDINARY_UPLOAD_PRESET="<upload-preset-goes-here>"
        onUploadingStart={e => console.log(e)}
        onSuccess={e => console.log(e)}
        onError={e => console.log(e)}
      />
    </SafeAreaView>
  );
}
 
export default App;

API's

all react-native-cloudinary-image-picker API

Nameuse/descriptionextra
CLOUDINARY_URLCLOUDINARY Base URL to upload asset.https://api.cloudinary.com/v1_1/<your-cloud-name>/image/upload
CLOUDINARY_CLOUD_NAMECLOUDINARY cloud namenill
CLOUDINARY_UPLOAD_PRESETCLOUDINARY upload presetnill
buttonTextdefault button textUpload Image
buttonStyledefault button style{ backgroundColor: "red", width: 100 }
buttonTextStyledefault button text style{ color: "green" }
onUploadingStartcallback function when upload starts(e) => alert(e)
onErrorcallback function when error occurs(e) => alert(e)
onSuccesscallback function when upload is successful(e) => alert(e)

Useful Resources

Contributions

What to help make this package even more awesome? Read how to contribute

Licensing

This project is licensed under MIT license.