react-native-choose-image-button

React Native Choose Image Button

• React Native wrappable component
• Choose image or take photo, the resultant image is then passed to a callback you provide
• Optional styles can be passed via props

Getting Started

Installation

npm install react-native-choose-image-button --save

Example

This library uses the @expo/react-native-action-sheet dependency so first wrap your app with the ActionSheetProvider class which serves as a container for calling the native action popup that shows the options 'Take photo', 'Choose Image' etc...

import { ActionSheetProvider, connectActionSheet } from '@expo/react-native-action-sheet';

export default class App extends React.Component {
  render() {
    return (
      <ActionSheetProvider>
        <RootApp />
      </ActionSheetProvider>
    );
  }
}

Then wrap your target button with the choose image button:

import Icon from 'react-native-vector-icons/Ionicons';
import ChooseImageButton from 'react-native-choose-image-button';

const UploadButton = () => {

    return(
        <ChooseImageButton
        onLoading={someFunction}
        onComplete={someFunction}
        style={someStyle}>
            <Icon name="ios-add"/>
        </ChooseImageButton>
    );

}

Props

Prop	Description
style	An style object to apply styles to the component
onLoading	The function that is called when the image is buffering and loading
onComplete	The function that receives the resultant base64 image