Esta es probablemente una respuesta simple, pero todavía estoy aprendiendo js / react native y estoy un poco perdido.

¿Alguien podría explicar por qué el siguiente código no alinea a la derecha el elemento "desventaja"?

 import React from 'react'; import {View, StyleSheet } from 'react-native' import AppText from './AppText'; function ListItem({ name, uid, handicap }) { return ( <View style={styles.container}> <AppText>{uid}. </AppText> <AppText>{name}</AppText> <AppText style={{justifyContent: "flex-end"}}>{handicap}</AppText> </View> ); } const styles = StyleSheet.create({ container: { flexDirection: "row", padding: 10 }, }) export default ListItem;

quiero algo como:

1. Nombre 5
2. Nombre 6

pero consigue

1. Nombre5
2. Nombre6

Gracias