J'utilise des problèmes en utilisant React-Native avec Flexbox,
Donc, je veux mettre le bouton au bas à l'aide de flex-extrémité, mais je ne peux pas, alors s'il y a quelqu'un qui peut m'aider, je serai reconnaissant. Je suis toutes les oreilles, car plus de détails ou quelque chose comme ça.
4 Réponses :
Le bouton ne diminue pas car il est affecté par la valeur centrale définie dans la vue du parent, Supprimer conteneur . Supprimer les paramètres centraux de la vue du parent. justifiercontent à partir de conteneur . et supprimer flexdirection à partir de inférieur
@khaliloosbenk j'ai mis à jour ma réponse. Vous pouvez voir votre bouton en bas.
J'ai préparé une démo pour vous, j'ai fait ce qu'on a dit à la réponse de Hong. Il a fonctionné dans Sandbox, alors peut-être qu'il y aura un autre problème dans un autre endroit de votre application.
i supprimé Une chose qui peut être intéressante pour vous, c'est que Flexbox est une option d'affichage par défaut (et uniquement) dans React Native. Par conséquent, vous n'avez pas besoin de dire à aucun élément de lien vers la démo de travail est ici
Donc, s'il y a d'autres problèmes, merci de me le faire savoir et je vais améliorer ma réponse. justifiercontent à partir de conainer et flexdirection de inférieur . .
Affichage: Flex car il se produit déjà.
Merci à Bro pour votre temps, mais la même chose, je veux centrer le texte "Bienvenue"
Je vous suggère de créer un autre conteneur pour le texte
Vous devez définir le Vérifiez ce guide de référence génial pour Flex In CSS-Tricks P> Le gist du violon: P> align-auto code> sur "flex-end", propriété dans le .component {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
min-height: 20rem;
background-color: #666;
}
.text {
flex: 0 1;
background-color: #000;
color: #fff;
}
.bottom {
flex: 1 1;
display: flex;
align-items: center;
justify-content: center;
background-color: green;
}
.bottom button {
flex: 0 1;
align-self: flex-end;
}