0
192
Vistasreaccionan los elementos nativos no se alinean verticalmente al centro
Estoy tratando de centrar los elementos de la lista plana usando alignItems pero ninguno de allowContent, alignItems está trabajando en esto
<View style={styles.citiesContainer}> <FlatList data={cities} renderItem={renderItem} keyExtractor={item => item} horizontal={true} /> </View> // styling part const styles = StyleSheet.create({ citiesContainer: { height: 110, justifyContent: 'center', alignItems: 'center', width: '100%', backgroundColor: 'red' } }Marque esos círculos negros en el cuadro rojo de la imagen, quiero centrar verticalmente esos círculos (elementos)
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
prueba https://reactnative.dev/docs/flatlist#columnwrapperstyle
<FlatList columnWrapperStyle={styles.citiesContainer}} data={cities} renderItem={renderItem} keyExtractor={item => item} horizontal={true} />
·
Juan Pablo Isaza
Denunciar
0
cambiar la dirección de flexión será suficiente, pruebe flexDirection : 'row'
const styles = StyleSheet.create({ citiesContainer: { height: 110, justifyContent: 'center', alignItems: 'center', width: '100%', flexDirection : 'row', //this right here!! :) backgroundColor: 'red' } }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta