add blur method issue react-native-elements#77

flyingcircle · Nov 7, 2016 · 0970161 · 0970161
1 parent 68e5ef3
commit 0970161
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/Readme.MD b/Readme.MD
@@ -541,6 +541,7 @@ import { SearchBar } from 'react-native-elements'
 | round | false | boolean | change TextInput styling to rounded corners |
 | containerRef | none | ref | ref for TextInput conainer |
 | textInputRef | none | ref | ref for TextInput |
+| focus | none | function | call focus on the textinput(optional), eg `this.refs.someInputRef.focus()` |
 
 
 ## Cross Platform Tab Bar

diff --git a/src/form/FormInput.js b/src/form/FormInput.js
@@ -10,6 +10,10 @@ class FormInput extends Component {
     const ref = this.props.textInputRef
     this.refs[ref].focus()
   }
+  blur() {
+    const ref = this.props.textInputRef
+    this.refs[ref].blur()
+  }
   render () {
   const {
     containerStyle,

diff --git a/src/input/Search.js b/src/input/Search.js
@@ -5,6 +5,10 @@ import colors from '../config/colors'
 import normalize from '../helpers/normalizeText'
 
 class Search extends Component {
+  focus() {
+    const ref = this.props.textInputRef
+    this.refs[ref].focus()
+  }
   render () {
     const {
     containerStyle,