Saltar al contenido

React Native: centrado vertical al usar ScrollView

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 : 1entonces la vista de desplazamiento debe tener flexGrow : 1, justifyContent : 'center' utilizando contentContainerStyleno 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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *