React Native - Ver

La vista es el elemento más común en React Native. Puede considerarlo como un equivalente deldiv elemento utilizado en el desarrollo web.

Casos de uso

Veamos ahora algunos casos de uso comunes.

• Cuando necesite envolver sus elementos dentro del contenedor, puede usar View como elemento contenedor.

• Cuando desee anidar más elementos dentro del elemento principal, tanto el elemento principal como el secundario pueden View. Puede tener tantos hijos como quieras.

• Cuando desee diseñar diferentes elementos, puede colocarlos dentro View ya que apoya style propiedad, flexbox etc.

• View también admite eventos táctiles sintéticos, que pueden ser útiles para diferentes propósitos.

Ya usamos Viewen nuestros capítulos anteriores y lo usaremos en casi todos los capítulos posteriores también. losViewse puede asumir como un elemento predeterminado en React Native. En el ejemplo que se muestra a continuación, anidaremos dos Vistas y un texto.

App.js

import React, { Component } from 'react'
import { View, Text } from 'react-native'

const App = () => {
   return (
      <View>
         <View>
            <Text>This is my text</Text>
         </View>
      </View>
   )
}
export default App

Salida