title: How to make confirmation code Input in react native
body: <p>i am searching for a way to build a Confirmation Code button for an Phone Authentication process , i saw many npm modules for that but that doesn't work me . I just have no idea how can i custom the  from react-native , if someone have an idea , thanks</p>
  
  <p><a href="https://i.stack.imgur.com/jvE9u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jvE9u.png" alt="example"></a></p>
  
  <p>I tried to use this npm modules "react-native-confirmation-code-input" here <a href="https://www.npmjs.com/package/react-native-confirmation-code-input" rel="nofollow noreferrer">react-native-confirmation-code-input</a></p>
  
  <p>but that is doesn't work for me , i have a blank screen ...
  here is my code : </p>
  
  <pre><code>import React, {Component} from 'react';
  import {View} from 'react-native';
  import {Card, CardSection, Input, Button} from '../common';
  import CodeInput from 'react-native-confirmation-code-input';
  
  class PhoneForm extends Component {
   constructor(props) {
    super(props)
  
  }
  static navigationOptions = {
      header: null,
  };
  
  
  onFulfill(isValid, code) {
  
  }
  render() {
  
  return(
     &lt;View&gt;
      &lt;CodeInput
        ref="codeInputRef2"
        keyboardType="numeric"
        codeLength={5}
        className='border-circle'
        compareWithCode='12345'
        autoFocus={false}
        codeInputStyle={{ fontWeight: '800' }}
        onFulfill={(isValid, code) =&gt; this.onFullFill(isValid, code)}
  /&gt;
     &lt;/View&gt;
    );
  
  
   }
  }
  
  
  export default PhoneForm;
  </code></pre>