React Native - Visualizza

La vista è l'elemento più comune in React Native. Puoi considerarlo come un equivalente didiv elemento utilizzato nello sviluppo web.

Casi d'uso

Vediamo ora alcuni casi d'uso comuni.

  • Quando hai bisogno di avvolgere i tuoi elementi all'interno del contenitore, puoi usare View come elemento contenitore.

  • Quando vuoi annidare più elementi all'interno dell'elemento genitore, possono esserlo sia genitore che figlio View. Può avere tutti i bambini che vuoi.

  • Quando vuoi modellare elementi diversi, puoi posizionarli all'interno View poiché supporta style proprietà, flexbox eccetera.

  • View supporta anche eventi tattili sintetici, che possono essere utili per scopi diversi.

Abbiamo già usato Viewnei capitoli precedenti e lo useremo anche in quasi tutti i capitoli successivi. IlViewpuò essere assunto come elemento predefinito in React Native. Nell'esempio fornito di seguito, annideremo due viste e un testo.

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

Produzione