What properties are required in the customFields object? I was hoping to use this component to get the value of a custom picker. The picker has a state property called selected which is the value of this picker. How should I go about implementing this functionality?

I use this package with TextInput and a custom field RadioButtons from package react-native-radio-buttons.

Everything works fine in development, I can get all form values with this.refs.form.getValues(). When I build in release, this.refs.form.getValues() is only returns the values of TextInput, nothing from my custom field.

Really weird behevior, any ideas? Maybe building in release do some optimization that break this feature.

npm ERR! Darwin 14.5.0
npm ERR! argv "/Users/###/.nvm/versions/node/v5.1.0/bin/node" "/Users/###/.nvm/versions/node/v5.1.0/bin/npm" "install"
npm ERR! node v5.1.0
npm ERR! npm  v2.14.12
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants [email protected]>=0.11.0

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/###/Projects/TaskTracker/npm-debug.log

Hello, I'm currently running the latest pre-release of react-native, and while attempting to npm install react-native-form, I get the above error.

First of all I love this package, great for reducing redundancy in my code.

I have a quick question about how PickerIOS is implemented with this package, because for some reason the selected value isn't working in my code. Could someone post an example of a functional PickerIOS with this package?

This is how I tried using it:

<Form ref="form">
  <PickerIOS name={this.props.name}>
    {
      this.props.options.map(function(option) {
        return (
          <PickerItemIOS
            key={option.id}
            value={option.id}
            label={option.name} />
        );
      })
    }
  </PickerIOS>
</Form>

Am I missing something? Thanks in advance.

Before this change, when uuid key started with numbers the parseInt returned a truncated value, for example

$ parseInt('416eae54-cfb0-4245-a812-be8d307f8d1a', 10)

416

However, when the key started with an alpha character parseInt returned NaN

$ parseInt('a8e9a1dc-eda6-4e32-a552-39aa054e069f', 10)

NaN

Using a regular expression to check first that all string positions are digits solves the problem.

Added support for Form elements in Accordion components. (This is my first time submitting a pull request. Any feedback or suggestions are appreciated.)

Adding in a check for element === null since typeof element ends up being object if element is null. This prevents errors in react native if a child node is null within the form wrapper component.

<TouchableWithoutFeedback
    onPress={this.showPicker.bind(this, 'min', {
        date: new Date('2000/01/01'),
        maxDate: new Date(),
        minDate: new Date('1900/01/01')
    })}
>
    <Icon name="event" size={36} />
</TouchableWithoutFeedback>

This for example throws an error if it's nested in the

Need a functionality where we can initialize the form inputs with values. This scenario occurs especially in editing any object.

Something like this, <Form ref='form' customFields={customFields} values={object}>

Not sure if this exists or would need to be implemented, but it would be good if a callback was provided to reset to form to initial state, ie. to defaultValue or placeholder.

This error occurs in all form fields that use the function shorthand instead of classes.

I'm running the latest version of react-native-form. I'm running react-native 0.19. I'm assuming that this is an issue with my version of RN, but it'd be awesome if this library supported it.