Contenedores.md

Contenedores

En React Native tenemos elementos contenedores que sirven tanto como para agrupar componentes, como definir secciones y darle estilos o propiedas especificas.

View

El más común es el View, podriamos compararlo con un div en web.

uso:

    import { View } from 'react-native
    ...

    <View>
        ...
    </View>

ScrollView

Por defecto en RN, cuando el largo del contenido excede el tamaño de la pantalla, el sobrante quedará oculto. Para darle la posibilidad al usuario de scrollear y ver estos elementos, deberemos preveer esta situación y contener la vista dentro de un ScrollView.

uso:

    import { ScrollView } from 'react-native
    ...

    <ScrollView>
        {/*contenido muy largo*/}
    </ScrollView>

SafeAreaView

Y luego tenemos el SafeAreaView, que su función principial es fijarse si el dispositivo en el que estamos tiene Notch y ajustar el contenido teniendo en cuenta estos espacios.

uso:

    import { SafeAreaView } from 'react-native
    ...

    <SafeAreaView>
        ...
    </SafeAreaView>