Couleur de soulignement TextInput pour ios dans react-native

Question

je suis en train de faire des applications mobiles dans rea-native pour Android et iOS . Ce composant apparaît sans soulignement. Comment utiliser TextInput avec une couleur de soulignement dans ios. 

exemple de code -

<TextInput
 ref={'cardbatch1'}                 
 keyboardType = 'numeric'
 placeholder = 'Batch Number'
 autoCapitalize = 'none'                                                    
/>

Answer 1

Vous pouvez ajouter borderBottomWidth et borderBottomColor à TextInput ou dessiner simplement une vue avec une hauteur de 1 ou 2 px sous TextInput.

Answer 2

Essayez ceci dans les styles .. voyez la différence de sortie

const styles = StyleSheet.create({

    inputBox: {
        .....
        borderBottomWidth: 1,
        borderBottomColor: 'gray',
        ....
    }
});