La guía paso a paso o código que hallarás en este post es la resolución más sencilla y efectiva que hallamos a esta inquietud o dilema.
Solución:
Resolví este problema con flexGrow en lugar de flex
Esto hace que el contenedor de contenido se estire para llenar ScrollView pero no restringe la altura máxima, por lo que aún puede desplazarse correctamente cuando el contenido extiende los límites de ScrollView.
Aquí está mi enfoque:
Utilice un recipiente exterior con flex : 1
entonces la vista de desplazamiento debe tener flexGrow : 1, justifyContent : 'center'
utilizando contentContainerStyle
no style
.
//Put your stuff here, and it will be centered vertical
Estilos:
const styles = StyleSheet.create(scrollView :
height : Dimensions.get('window').height, , mainContainer :
flex : 1 , scrollViewContainer : , )
Hay una nueva solución (desafortunadamente iOS solo en este momento) – podemos usar centerContent
apoyo en Scrollview.
valoraciones y comentarios
Si estás de acuerdo, puedes dejar un post acerca de qué te ha parecido este enunciado.