diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e4680fa
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,76 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# Watchman
+.watchmanconfig
\ No newline at end of file
diff --git a/README.md b/README.md
index d5a7512..bf47844 100644
--- a/README.md
+++ b/README.md
@@ -108,7 +108,7 @@ export class FormView extends React.Component{
 
   }
   render(){
-    return (<ScrollView keyboardShouldPersistTaps={true} style={{paddingLeft:10,paddingRight:10, height:200}}>
+    return (<ScrollView keyboardShouldPersistTaps='always' style={{paddingLeft:10,paddingRight:10, height:200}}>
       <Form
         ref='registrationForm'
         onFocus={this.handleFormFocus.bind(this)}
diff --git a/index.js b/index.js
index f7a347a..b857d19 100644
--- a/index.js
+++ b/index.js
@@ -8,13 +8,11 @@ import {SwitchField} from './src/fields/SwitchField';
 import {PickerField} from './src/fields/PickerField';
 import {DatePickerField} from './src/fields/DatePickerField';
 import {TimePickerField} from './src/fields/TimePickerField';
-import {CountDownField} from './src/fields/CountDownField';
-
 
 //import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'
 export {
         Form,
         Separator, InputField, LinkField,
         SwitchField, PickerField, DatePickerField,
-        CountDownField, TimePickerField
+        TimePickerField
       }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..5a694df
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,35 @@
+{
+  "name": "react-native-form-generator",
+  "version": "0.9.10",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "prop-types": {
+      "version": "15.6.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz",
+      "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==",
+      "requires": {
+        "loose-envify": "^1.3.1",
+        "object-assign": "^4.1.1"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index 3b39e71..0f1a0bc 100644
--- a/package.json
+++ b/package.json
@@ -70,5 +70,5 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "0.9.10"
+  "version": "0.9.11"
 }
diff --git a/src/Form.js b/src/Form.js
index 5ad0090..abb412b 100644
--- a/src/Form.js
+++ b/src/Form.js
@@ -1,64 +1,55 @@
-import React from 'react';
-let { View, TextInput,
-  StyleSheet,
-  ScrollView,
-  Text,
-  SliderIOS,
-  TouchableWithoutFeedback
-} = require('react-native');
-
-// import {Separator} from './fields/Separator';
-
-export class Form extends React.Component{
-  constructor(props){
-    super();
-
-    this.values = {};
+import React from 'react'
+import { Text, View } from 'react-native'
 
+export class Form extends React.Component {
+  constructor () {
+    super()
+    this.values = {}
   }
 
-  handleFieldFocused(event, inputHandle){
-    this.props.onFocus && this.props.onFocus(event, inputHandle);
+  handleFieldFocused (event, inputHandle) {
+    this.props.onFocus && this.props.onFocus(event, inputHandle)
   }
-  handleFieldChange(field_ref, value){
-    this.values[field_ref] = value;
-    this.props.onChange && this.props.onChange(this.values);
+
+  handleFieldChange (fieldRef, value) {
+    this.values[fieldRef] = value
+    this.props.onChange && this.props.onChange(this.values)
   }
-  getValues(){
-    return this.values;
+
+  getValues () {
+    return this.values
   }
 
-  underscoreToSpaced(str){
-    var words = str.split('_');
-    var res=[];
-    words.map(function(word, i){
-      res.push(word.charAt(0).toUpperCase() + word.slice(1));
+  underscoreToSpaced (str) {
+    var words = str.split('_')
+    var res = []
+    words.map(function (word) {
+      res.push(word.charAt(0).toUpperCase() + word.slice(1))
     })
-
-    return res.join(' ');
+    return res.join(' ')
   }
 
-  render(){
-    let wrappedChildren = [];
-
-    React.Children.map(this.props.children, (child, i)=> {
+  render () {
+    let wrappedChildren = []
+    React.Children.map(this.props.children, (child, i) => {
       if (!child) {
-        return;
+        return
+      }
+      wrappedChildren.push(React.cloneElement(child, {
+        key: child.ref || child.type + i,
+        fieldRef: child.ref,
+        ref: child.ref,
+        onFocus: this.handleFieldFocused.bind(this),
+        onChange: this.handleFieldChange.bind(this, child.ref)
       }
-        wrappedChildren.push(React.cloneElement(child, {
-          key: child.ref || child.type+i,
-          fieldRef : child.ref,
-          ref: child.ref,
-          onFocus:this.handleFieldFocused.bind(this),
-          onChange:this.handleFieldChange.bind(this, child.ref)
-        }
-      ));
-    }, this);
+      ))
+    }, this)
 
     return (
       <View style={this.props.style}>
-          {wrappedChildren}
+        <Text>{this.props.label}</Text>
+        {wrappedChildren}
       </View>
-    );
+    )
   }
 }
diff --git a/src/fields/Separator.js b/src/fields/Separator.js
index 1b77bcf..53de1a5 100644
--- a/src/fields/Separator.js
+++ b/src/fields/Separator.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-let { View, StyleSheet, Text} = require('react-native');
+let { View, ViewPropTypes, StyleSheet, Text} = require('react-native');
 
 export class Separator extends React.Component{
   render(){
@@ -18,7 +18,7 @@ export class Separator extends React.Component{
 
 Separator.propTypes = {
   labelStyle: Text.propTypes.style,
-  containerStyle: View.propTypes.style
+  containerStyle: ViewPropTypes.style
 }
 
 
diff --git a/src/index.js b/src/index.js
index ff3940c..e5fd97c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,4 @@
-
+// comment here if you have apln  
 
 import {InputField} from './src/fields/InputField';
 import {SwitchField} from './src/fields/SwitchField';
diff --git a/src/lib/InputComponent.js b/src/lib/InputComponent.js
index 4f65d8f..0448697 100644
--- a/src/lib/InputComponent.js
+++ b/src/lib/InputComponent.js
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import ReactNative, { Platform } from 'react-native';
 import {Field} from './Field.js';
 
-const {View, StyleSheet, TextInput, Text} = ReactNative;
+const {View, ViewPropTypes, StyleSheet, TextInput, Text} = ReactNative;
 
 function validateEmail(email) {
   var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
@@ -208,5 +208,5 @@ export class InputComponent extends React.Component{
 InputComponent.propTypes = {
   labelStyle: Text.propTypes.style,
   inputStyle: TextInput.propTypes.style,
-  containerStyle: View.propTypes.style
+  containerStyle: ViewPropTypes.style
 }
diff --git a/src/lib/LinkComponent.js b/src/lib/LinkComponent.js
index c2c0d23..f4a2fea 100644
--- a/src/lib/LinkComponent.js
+++ b/src/lib/LinkComponent.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-let { View, StyleSheet, Text} = require('react-native');
+let { View, ViewPropTypes, StyleSheet, Text} = require('react-native');
 import {Field} from './Field';
 
 
@@ -48,5 +48,5 @@ export class LinkComponent extends React.Component{
 
 LinkComponent.propTypes = {
   labelStyle: Text.propTypes.style,
-  containerStyle: View.propTypes.style
+  containerStyle: ViewPropTypes.style
 }
diff --git a/src/lib/SwitchComponent.js b/src/lib/SwitchComponent.js
index 80f978f..083e178 100644
--- a/src/lib/SwitchComponent.js
+++ b/src/lib/SwitchComponent.js
@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-let { View, StyleSheet, Text, Switch} = require('react-native');
+let { View, ViewPropTypes, StyleSheet, Text, Switch} = require('react-native');
 
 import {Field} from './Field';
 
@@ -53,7 +53,7 @@ export class SwitchComponent extends React.Component{
 
 SwitchComponent.propTypes = {
   labelStyle: Text.propTypes.style,
-  containerStyle: View.propTypes.style,
+  containerStyle: ViewPropTypes.style,
   switchStyle: Switch.propTypes.style
 }