TextInput espace réservé à l'Alignement
Quel est le meilleur pourquoi pour aligner le texte de l'espace réservé pour le composant TextInput. J'ai déjà essayé d'utiliser les styles de composant comme indiqué ci-dessous. Il ne semble pas l'être et de la propriété de ce soit.
render() {
return (
<View style={styles.container}>
<View style={styles.container}>
<TextInput
style={styles.textInput}
onChangeText={(text) => this.setState({
username: text
})}
placeholder='Add Username'
/>
<Button onPress= {_ => this.onClick() } style={styles.button} >
+ Add User
</Button>
</View>
</View>
);
}
onClick(){
alert(this.state.username);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
textInput: {
height: 40,
width: 200,
justifyContent: 'center',
alignItems: 'center',
alignSelf: 'center',
borderColor: 'gray',
borderWidth: 1,
},
button: {
backgroundColor: 'grey',
color: 'black',
fontSize: 15,
width: 200,
borderWidth: 1
},
});
Le texte n'est pas aligné au centre dans mon cas, je suis à l'aide du matériel-kit. quel peut être le problème? ou est-il fonctionne très bien
OriginalL'auteur Shivam Sinha | 2016-05-21
Vous devez vous connecter pour publier un commentaire.
Ajouter
textAlign: 'center'
à votre textInput style.fonctionne comme un charme.....
OriginalL'auteur Daniel Basedow