React Native - Wyświetl

Widok jest najczęstszym elementem w React Native. Możesz to uznać za odpowiednikdiv element używany w tworzeniu stron internetowych.

Przypadków użycia

Zobaczmy teraz kilka typowych przypadków użycia.

  • Kiedy potrzebujesz owinąć swoje elementy wewnątrz pojemnika, możesz użyć View jako element kontenera.

  • Jeśli chcesz zagnieździć więcej elementów w elemencie nadrzędnym, możesz mieć zarówno nadrzędny, jak i podrzędny View. Może mieć tyle dzieci, ile chcesz.

  • Jeśli chcesz stylizować różne elementy, możesz je umieścić w środku View ponieważ obsługuje style własność, flexbox itp.

  • View obsługuje również syntetyczne zdarzenia dotykowe, które mogą być przydatne do różnych celów.

Już używaliśmy Vieww naszych poprzednich rozdziałach i będziemy go używać również w prawie wszystkich kolejnych rozdziałach. PlikViewmożna przyjąć jako element domyślny w React Native. W poniższym przykładzie zagnieżdżymy dwa widoki i tekst.

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

Wynik