title: Problem in styling while using react-native-textinput-effects
body: <p>Hi I want to render the Akira component but it's not displayed properly on the screen and it's covered by another component, can anybody help me with this problem?</p>
  
  <p>I think the problem is related the styling of my main view as when I put my component outside this wrapper component it appears at the start of the page.  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> return (
        &lt;View style={styles.wrapper}&gt;
          &lt;Image style={styles.image} source={{ uri: moneyScoreLogo }} /&gt;
  
          &lt;Text style={styles.text}&gt;Charge your account  &lt;/Text&gt;
  
          &lt;Akira
            style={{ alignSelf: 'stretch' }}
            label={'amount'}
         
            borderColor={'#a5d1cc'}
            inputPadding={16}
            labelHeight={24}
            labelStyle={{ color: '#ac83c4' }}
          /&gt;
          &lt;MainButton onPress={() =&gt; onButtonClicked(amount)}&gt;Charge&lt;/MainButton&gt;
          &lt;Text style={styles.warning}&gt;{warning}&lt;/Text&gt;
        &lt;/View&gt;
      );</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const styles = StyleSheet.create({
    wrapper: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'flex-start',
    },
    text: {
      fontSize: 20,
      marginBottom: 10,
      color: colors.gray03,
    },
    image: {
      width: 300,
      height: 300,
      alignSelf: 'center',
      marginTop: 15,
      marginBottom: 20,
    },
    warning: {
      fontSize: 15,
      color: colors.red,
      marginTop: 5,
    },
  });</code></pre>
  </div>
  </div>
  </p>