alana-react-native-media-upload v1.1.12

alana-react-native-media-upload

• Version 1.0.0

How do I get set up?

• Add module to your project

yarn add alana-react-native-media-upload

• Module Dependencies

    react-native-elements: "2.2.1",
    react-native-vector-icons: "7.0.0",
    react-native-linear-gradient: "2.5.6",
    react-native-circular-progress: "1.3.6",
    react-native-image-picker: "3.0.0",
    react-native-image-resizer: "1.4.1",
    react-native-camera-kit: "10.0.0",
    @fortawesome/fontawesome-pro: "5.15.1",
    @fortawesome/fontawesome-svg-core: "1.2.32",
    @fortawesome/free-brands-svg-icons: "5.15.1",
    @fortawesome/free-regular-svg-icons: "5.15.1",
    @fortawesome/free-solid-svg-icons: "5.15.1",
    @fortawesome/pro-duotone-svg-icons: "5.15.1",
    @fortawesome/pro-light-svg-icons: "5.15.1",
    @fortawesome/pro-regular-svg-icons: "5.15.1",
    @fortawesome/pro-solid-svg-icons: "5.15.1",
    @fortawesome/react-native-fontawesome: "0.2.6"

How to use.

The module consists of a few components and a Utils:

• Photo Request component

import { PhotoRequestComponent } from 'alana-react-native-media-upload';

<PhotoRequestComponent/
  photoTitleText={"TITLE"}
  photoDescriptionText={"DESCRIPTION"}
  takePhoto={true}
  cameraRoll={false}
  removePhotoAlertTitle={"Alert Title"}
  removePhotoAlertBody={"Alert Body"}
  enableOverlay={tue}
  overlayType={'circle'} // 'circle' | 'square' | 'rectangle' | 'oval'
  renderPageHeader={<Component>}
  onSubmit={() => {}}
  onRemovePhoto={() => {}}
  saveImage={(fileName: string, filePath: string) => {}}
  image={"<filepath>"}
  takePhotoButton={() => {}}
  cameraModalVisible={true}
  cameraRollButton={false}
  minHeight={1024}
  minWidth={1024}
>

• Photo Modal

import { PhotoModal } from 'alana-react-native-media-upload';

<PhotoModal 
  saveImage={(fileName: string, filePath: string) => {}} 
  modalVisibile={true} 
  showHideModal={(show: boolean) => {setShow(show)}} 
  showOverlay={true} 
  overlayType={'circle'} //'circle' | 'square' | 'rectangle' | 'oval';
/>

Who do I talk to?

• Repo owner or admin
• Other community or team contact