add autoFocus prop

Author: realabbas

README.md

@@ -38,6 +38,7 @@ The following props are applicable for the component along with **props supporte
 | containerStyle   | object | Yes      | {}           | style for overall container.                                                     |
 | textInputStyle   | object | Yes      | {}           | style for text input.                                                            |
 | testIDPrefix     | string | Yes      | 'otp*input*' | testID prefix, the result will be `otp_input_0` until inputCount                 |
+| autoFocus        | bool   | Yes      | false        | Input should automatically get focus when the components loads                   |
 
 #### Helper Functions
 

index.js

@@ -223,7 +223,7 @@ class OTPTextView extends Component {
           key={i}
           autoCorrect={false}
           keyboardType={keyboardType}
-          autoFocus={i === 0}
+          autoFocus={this.props.autoFocus && i === 0}
           value={otpText[i] || ""}
           style={inputStyle}
           maxLength={this.props.inputCellLength}
@@ -260,6 +260,7 @@ OTPTextView.propTypes = {
   inputType: PropTypes.string,
   keyboardType: PropTypes.string,
   testIDPrefix: PropTypes.string,
+  autoFocus: PropTypes.bool
 };
 
 OTPTextView.defaultProps = {
@@ -273,6 +274,7 @@ OTPTextView.defaultProps = {
   handleTextChange: () => {},
   keyboardType: "numeric",
   testIDPrefix: "otp_input_",
+  autoFocus: false
 };
 
 export default OTPTextView;