React Native - View

View é o elemento mais comum no React Native. Você pode considerá-lo um equivalente dodiv elemento usado no desenvolvimento web.

Casos de Uso

Vejamos agora alguns casos de uso comuns.

• Quando você precisar envolver seus elementos dentro do contêiner, você pode usar View como um elemento de contêiner.

• Quando você deseja aninhar mais elementos dentro do elemento pai, pai e filho podem ser View. Ele pode ter quantos filhos você quiser.

• Quando quiser estilizar diferentes elementos, você pode colocá-los dentro View uma vez que suporta style propriedade, flexbox etc.

• View também oferece suporte a eventos de toque sintético, que podem ser úteis para diferentes fins.

Já usamos Viewem nossos capítulos anteriores e nós o usaremos em quase todos os capítulos subsequentes também. oViewpode ser assumido como um elemento padrão no React Native. No exemplo fornecido a seguir, aninharemos duas visualizações e um 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

Resultado