React Native - Afficher

La vue est l'élément le plus courant dans React Native. Vous pouvez le considérer comme un équivalent dudiv élément utilisé dans le développement Web.

Cas d'utilisation

Voyons maintenant quelques cas d'utilisation courants.

  • Lorsque vous devez envelopper vos éléments dans le conteneur, vous pouvez utiliser View comme élément de conteneur.

  • Lorsque vous souhaitez imbriquer plus d'éléments à l'intérieur de l'élément parent, le parent et l'enfant peuvent être View. Il peut avoir autant d'enfants que vous le souhaitez.

  • Lorsque vous souhaitez styliser différents éléments, vous pouvez les placer à l'intérieur View car il prend en charge style propriété, flexbox etc.

  • View prend également en charge les événements tactiles synthétiques, qui peuvent être utiles à différentes fins.

Nous avons déjà utilisé Viewdans nos chapitres précédents et nous l'utiliserons également dans presque tous les chapitres suivants. leViewpeut être considéré comme un élément par défaut dans React Native. Dans l'exemple donné ci-dessous, nous imbriquerons deux vues et un texte.

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

Production