First draft Android support for React-Redux-Form.

Author: j13n

src/android.js

@@ -0,0 +1,141 @@
+/* eslint-disable react/prop-types */
+import React from 'react';
+import {
+  Picker,
+  Switch,
+  TextInput,
+  Slider,
+  Text,
+  View,
+} from 'react-native';
+
+import {
+  modelReducer,
+  formReducer,
+  modeled,
+  actions,
+  combineForms,
+  initialFieldState,
+  actionTypes,
+  Control,
+  Form,
+  Fieldset,
+  Errors,
+  batched,
+  form,
+  getField,
+  track,
+} from './index';
+import omit from './utils/omit';
+
+function getTextValue(value) {
+  if (typeof value === 'string' || typeof value === 'number') {
+    return `${value}`;
+  }
+
+  return '';
+}
+
+const noop = () => undefined;
+
+Control.Picker = (props) => (
+  <Control
+    component={Picker}
+    mapProps={{
+      onResponderGrant: ({ onFocus }) => onFocus,
+      onResponderRelease: ({ onBlur }) => onBlur,
+      selectedValue: ({ modelValue }) => modelValue,
+      onValueChange: ({ onChange }) => onChange,
+      onChange: noop,
+      ...props.mapProps,
+    }}
+    {...omit(props, 'mapProps')}
+  />
+);
+
+Control.Switch = (props) => (
+  <Control
+    component={Switch}
+    mapProps={{
+      onResponderGrant: ({ onFocus }) => onFocus,
+      onResponderRelease: ({ onBlur }) => onBlur,
+      value: ({ modelValue }) => ! ! modelValue,
+      onValueChange: ({ onChange }) => onChange,
+      onChange: noop,
+      ...props.mapProps,
+    }}
+    {...omit(props, 'mapProps')}
+  />
+);
+
+Control.TextInput = (props) => (
+  <Control
+    component={TextInput}
+    mapProps={{
+      onResponderGrant: ({ onFocus }) => onFocus,
+      value: (_props) => ((! _props.defaultValue && ! _props.hasOwnProperty('value'))
+        ? getTextValue(_props.viewValue)
+        : _props.value),
+      onChangeText: ({ onChange }) => onChange,
+      onChange: noop,
+      onBlur: ({ onBlur, viewValue }) => () => onBlur(viewValue),
+      onFocus: ({ onFocus }) => onFocus,
+      ...props.mapProps,
+    }}
+    {...omit(props, 'mapProps')}
+  />
+);
+
+Control.Slider = (props) => (
+  <Control
+    component={Slider}
+    mapProps={{
+      value: ({ modelValue }) => modelValue,
+      onResponderGrant: ({ onFocus }) => onFocus,
+      onSlidingComplete: ({ onBlur }) => onBlur,
+      onValueChange: ({ onChange }) => onChange,
+      onChange: noop,
+      ...props.mapProps,
+    }}
+    {...omit(props, 'mapProps')}
+  />
+);
+
+const NativeForm = (props) => <Form component={View} {...omit(props, 'mapProps')} />;
+const NativeFieldset = (props) => <Fieldset component={View} {...omit(props, 'mapProps')} />;
+const NativeErrors = (props) => (
+  <Errors
+    wrapper={View}
+    component={Text}
+    {...props}
+  />
+);
+
+export {
+  // Reducers
+  formReducer,
+  modelReducer,
+  combineForms,
+
+  // Constants
+  initialFieldState,
+  actions,
+  actionTypes,
+
+  // Components
+  Control,
+  NativeForm as Form,
+  NativeErrors as Errors,
+  NativeFieldset as Fieldset,
+
+  // Enhancers
+  modeled,
+  batched,
+
+  // Selectors
+  form,
+
+  // Utilities
+  getField,
+  track,
+};