Tengo un contenedor <View style={styles.container}>
en el que hay una <FlatList />
. Un elemento representado por <FlatList />
es una tarjeta, con este estilo
card: { borderColor: 'green', borderWidth: 2, borderTopRightRadius: 7, borderBottomRightRadius: 7, borderBottomLeftRadius: 7, backgroundColor: 'white', padding: 5, width: '100%', height: 290, },
Hay merienda aquí https://snack.expo.dev/90GJaJuPw
Ahora, hay dos problemas.
<View style={styles.thisAffectsCardWidth} />
no está horizontalmente en el center
de la tarjeta?<View style={styles.card} />
se hace más grande cuando uno ajusta el width
de thisAffectsCardWidth
de, por ejemplo, 50% to
100%`?alignItems: 'center'
de contentContainerStyle y agregue width: '100%'
Por ejemplo: contentContainerStyle={{ width: '100%' }}
y agregue alignItems: 'center'
a los estilos de tarjeta.https://snack.expo.dev/@charinda04/forlorn-cereal