Reduce the code to minimal required for a redux form example usage.

index.js

@@ -3,7 +3,7 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App from './App';
+import App from './src/App';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

src/App.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import {Provider} from 'react-redux';
+
+import {store} from './store';
+import TestForm from './TestForm';
+
+const App: () => React$Node = () => {
+  return (
+    <Provider store={store}>
+      <TestForm />
+    </Provider>
+  );
+};
+
+export default App;

src/TestForm.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import {reduxForm, Field} from 'redux-form';
+
+import TextField from './TextField';
+
+const normalizer = (val) =>
+  String(val || '')
+    .replace(/-/g, '')
+    .split('')
+    .join('-');
+
+const formatter = (val) => String(val || '').toUpperCase();
+
+const TestForm = () => {
+  return (
+    <Field
+      name="field"
+      placeholder="Type here..."
+      component={TextField}
+      normalize={normalizer}
+      format={formatter}
+    />
+  );
+};
+
+export default reduxForm({
+  form: 'testForm',
+})(TestForm);

src/TextField.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import {TextInput} from 'react-native';
+
+const TextField = (props) => {
+  const {input, ...restOfProps} = props;
+
+  return (
+    <TextInput
+      value={props.input.value}
+      onChangeText={props.input.onChange}
+      {...restOfProps}
+    />
+  );
+};
+
+export default TextField;

src/store/index.js

@@ -0,0 +1,11 @@
+import {createStore, combineReducers} from 'redux';
+import {reducer as reduxFormReducer} from 'redux-form';
+
+const reducers = combineReducers({form: reduxFormReducer});
+
+const rootReduer = (s, a) => {
+  console.log('s a', s, a);
+  return reducers(s, a);
+};
+
+export const store = createStore(rootReduer);