0
votes

Comment aligner les objets sur l'extrême gauche et droit dans la réagissariat?

in réagissant natif, je ne peux pas utiliser quelque chose comme float: gauche code> ou float: droite je veux donc aligner les articles extrêmes gauche et droite Comment puis-je faire cela? J'ai utilisé une position absolue sur la vue parent mais à l'intérieur de cette vue FlexDirection et justifier le contenu de contenu entre ne fonctionne pas pourquoi donc? Est-ce que Flexbox et le positionnement absolu ne fonctionnent pas ensemble?

Code: P>

 cardContent: {
    position: 'absolute',
    bottom: 0,
    flexDirection: 'row',
    justifyContent: 'space-between',
  },


2 commentaires

Ajouter la largeur 100%


Je ne vois pas la propriété d'affichage dans le CSS, juste pour vous assurer que justify-contenu fonctionne correctement pourriez-vous ajouter l'affichage: Flex; Flex-Base: 100%; et min-largeur: 100%; à la classe de CardContent. et vérifiez si cela fonctionne.


3 Réponses :


2
votes

Vous pouvez essayer ce xxx


0 commentaires

1
votes

Ajouter un largeur: '100%' à votre stycontent styles de composant.


0 commentaires

0
votes

J'ajouterais simplement largeur: dimensions.get ("fenêtre"). Largeur au style CardContent au lieu de largeur: 100% .

Etant donné que 100% signifie que vous souhaitez que cet élément convient à 100% de sa largeur mère et dimensions.get ("fenêtre"). Largeur signifie que vous voulez le largeur de la fenêtre de vue (périphérique).


0 commentaires