Neoclassic Placebo Maker

    react-native-image-picker-form

    0.2.5 • Public • Published

    react-native-image-picker-form

    A React Native component factory to use with tcomb-form-native library. Currently using react-native-image-crop-picker to provide image selection.

    Image factory Image factory

    Getting started

    $ yarn add react-native-image-picker-form

    After that, follow the instructions on: https://github.com/ivpusic/react-native-image-crop-picker#install

    Usage

    When configuring your tcomb-form-native form, use the factory option to set as SelectImageFactory. You can change the text displayed on ActionSheet or BottomSheet setting a options value or change the title with title option on config.

    Default locale is en-US:

    import React from 'react-native'
    import t from 'tcomb-form-native'
    import ImageFactory from 'react-native-image-picker-form'
     
    const Form = t.form.Form
    const DocumentFormStruct = t.struct({
      image: t.String
    })
     
    type Props = {}
    type State = {
      value: Object,
      options: Object
    }
     
    class App extends React.Component<Props, State> {
      constructor(props) {
        super(props)
        this.state = {
          value: {},
          options: {
            fields: {
              image: {
                config: {
                  title: 'Select image',
                  options: ['Open camera', 'Select from gallery', 'Cancel']
                  // Used on Android to style BottomSheet
                  style: {
                    titleFontFamily: 'Roboto'
                  }
                },
                error: 'No image provided',
                factory: ImageFactory
              }
            }
          }
        }
      }
     
      render() {
        return (
          <Form
            ref={(ref: any) => {
              this.form = ref
            }}
            type={DocumentFormStruct}
            value={this.state.value}
            options={this.state.options}
          />
        )
      }
    }

    License

    MIT License

    Copyright (c) 2018 InterfaceKit

    Author

    Antonio Moreno Valls <amoreno at apsl.net>

    Built with 💛 by APSL.

    Install

    npm i react-native-image-picker-form

    DownloadsWeekly Downloads

    40

    Version

    0.2.5

    License

    MIT

    Unpacked Size

    156 kB

    Total Files

    9

    Last publish

    Collaborators

    • apsl