title: Unexpected Lines under TextInput in React Native Android App
body: <p>I am building an app using React Native and I get a weird unexpected line below every TextInput on my physical android device as shown below in the picture. Also, the lines don't show up in the iOS simulator.</p>
  
  <p><a href="https://i.stack.imgur.com/7rugn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7rugn.png" alt="enter image description here"></a></p>
  
  <p>My code for the <strong>Input</strong> Component:</p>
  
  <pre><code>import React from 'react';
  import { TextInput, View, Text } from 'react-native';
  
  const Input = ({ value,  onChangeText, placeholder, secureTextEntry }) =&gt; {
    const { inputStyle, labelStyle, containerStyle } = styles;
  
    return (
      &lt;View style={containerStyle}&gt;
        &lt;TextInput
          secureTextEntry={secureTextEntry}
          placeholder={placeholder}
          autoCorrect={false}
          style={inputStyle}
          value={value}
          onChangeText={onChangeText}
        /&gt;
      &lt;/View&gt;
    );
  };
  
  const styles = {
    inputStyle: {
      color: '#000',
      paddingRight: 5,
      paddingLeft: 5,
      fontSize: 14,
      lineHeight: 23,
      flex: 2,
    },
    containerStyle: {
      height: 40,
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      borderBottomWidth: 1,
      borderColor: '#ddd'
    }
  };
  
  export { Input };
  </code></pre>