title: TextInput Vertical Aligment
body: <p>Does anybody know how to fix vertical aligment for TextInput with custom Font (Content and Placeholder)? I tried all these: </p>
  
  <ul>
  <li>justifyContent: ‘center’,</li>
  <li>alignItems: ‘center’,</li>
  <li>textAlign: ‘center’,</li>
  <li>textAlignVertical: ‘center’,</li>
  </ul>
  
  <p>Nothing works! Any suggestions?</p>
  
  <p><a href="https://i.stack.imgur.com/KT5X9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KT5X9.png" alt="enter image description here"></a></p>
  
  <pre><code>           &lt;TextInput
              ref={ref =&gt; this.emailField = ref}
              placeholder="E-Mail"
              style={styles.loginInput}
              placeholderStyle={styles.loginInput}
              editable={true}
              maxLength={40}
              autoCorrect={false}
              selectionColor="#9D9D9D"
              placeholderTextColor="#9D9D9D"
              autoCapitalize="none"
              keyboardType="email-address"
              returnKeyType="next"
              keyboardAppearance="dark"
              textAlign="center"
              underlineColorAndroid="transparent"
              onSubmitEditing={() =&gt; this.passwordField.focus()}
              value={this.state.email}
              onChangeText={(text) =&gt; this.setState({ email: text })}
            /&gt;
  
    loginInput: {
      width: '70%',
      height: 40,
      marginBottom: 8,
      backgroundColor: '#dbdbdb',
      fontFamily: 'Neuzeit Grotesk Regular',
      fontSize: 18,
      justifyContent: 'center',
      alignItems: 'center',
      textAlign: 'center',
      textAlignVertical: 'center',
    },
  </code></pre>