Réagir Natif: Comment mettre en <TextInput/>'s de la hauteur et de la largeur <Afficher/> container?
J'ai actuellement un <TextInput>
à l'intérieur d'un <View>
qui a un padding: 15
. Je voudrais, pour <TextInput>'s
de largeur et de hauteur pour couvrir tout l'espace à l'intérieur de <View>
à l'exception de la marge.
J'ai donc essayé var width = Dimensions.get('window').width
et les suivantes, mais la < TextInput >
respecter le rembourrage sur la gauche, mais lorsque vous continuez à taper, il déborde sur le côté droit de rembourrage:
<View style = {{ padding: 15 }}> <TextInput style = {{ width: width }} /> </View>
Alors, comment puis-je obtenir le TextInput pour couvrir tout l'espace, la hauteur et la largeur, Vue de l'intérieur mais se conformer à la Vue du remplissage de la règle?
Merci
OriginalL'auteur Walter | 2016-09-28
Vous devez vous connecter pour publier un commentaire.
Essayez de définir le style de TextInput de flex: 1, au lieu d'obtenir la largeur. Le Flex style de remplir automatiquement votre point de vue et de laisser le rembourrage vide.
Cela ne fonctionne pas pour moi.
OriginalL'auteur rudydydy
Une autre bonne réponse serait d'ajouter:
alignItems: "d'allonger" va s'étirer à chaque enfant de l'élément le long de l'Axe transversal, tant que l'élément enfant n'a pas une largeur spécifiée (flexDirection: ligne) ou hauteur (flexDirection: la colonne).
Dans votre conteneur si vous en avez un, quelque chose comme:
OriginalL'auteur Gonzalo Ortellado
essayer d'obtenir le
View
's dimensions en premier:Puis utilisez l'extrait de la largeur et de la hauteur à définir votre
TextInput
'de largeur et de hauteur. La seule chose est que vous obtenez de ces valeurs sur l'exécution.OriginalL'auteur Jan Franz Palngipang