0.0.5 Release

closes #6 Solved bug when dismissing keyboard inside

closes #1 Added example for  scroll

0.0.5

Author: alvaromb

README.md

@@ -2,7 +2,7 @@
 A ScrollView component that handles keyboard appearance.
 
 ## Installation
-You can install this component through ``npm``:
+You need `react-native>=0.12.0` to use this library. Installation can be done through ``npm``:
 
 ```shell
 npm i react-native-keyboard-aware-scroll-view --save
@@ -32,6 +32,24 @@ import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view
 The component accepts the experimental prop ``viewIsInsideTabBar``, which tries
 to solve resizing issues when rendering inside a ``TabBar`` component.
 
+## Auto-scroll in `TextInput` fields
+In order to perform an auto-scroll whenever a `TextInput` field gets focused, you can use the built-in method `scrollToFocusedInput`. Define the following function for each of your `onFocus` event on your inputs:
+
+```js
+_scrollToInput (event, reactNode) {
+  // Add a 'scroll' ref to your ScrollView
+  this.refs.scroll.scrollToFocusedInput(event, reactNode)
+}
+```
+
+```jsx
+<KeyboardAwareScrollView ref='scroll'>
+  <View>
+    <TextInput ref='myInput' onFocus={this._scrollToInput}/>
+  </View>
+</KeyboardAwareScrollView>
+```
+
 ## License
 
 MIT.

lib/KeyboardAwareMixin.js

@@ -27,8 +27,9 @@ const KeyboardAwareMixin = {
   },
 
   resetKeyboardSpace: function () {
+    const keyboardSpace = (this.props.viewIsInsideTabBar) ? _KAM_DEFAULT_TAB_BAR_HEIGHT : 0
     this.setState({
-      keyboardSpace: 0,
+      keyboardSpace: keyboardSpace,
     })
   },
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-aware-scroll-view",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A React Native ScrollView component that resizes when the keyboard appears.",
   "main": "index.js",
   "scripts": {
@@ -33,10 +33,6 @@
   },
   "homepage": "https://github.com/APSL/react-native-keyboard-aware-scroll-view#readme",
   "dependencies": {
-    "react-native": ">=0.12.0",
     "react-timer-mixin": "^0.13.3"
   },
-  "peerDependencies": {
-    "react-native": ">=0.12.0"
-  }
 }