React Native - Просмотр

View - самый распространенный элемент в React Native. Вы можете рассматривать его как эквивалентdiv элемент, используемый в веб-разработке.

Случаи использования

Давайте теперь посмотрим на несколько распространенных вариантов использования.

  • Когда вам нужно обернуть элементы внутри контейнера, вы можете использовать View как контейнерный элемент.

  • Если вы хотите вложить больше элементов в родительский элемент, родительский и дочерний элементы могут быть View. У него может быть столько детей, сколько вы хотите.

  • Если вы хотите стилизовать разные элементы, вы можете разместить их внутри View поскольку он поддерживает style свойство, flexbox и т.п.

  • View также поддерживает синтетические сенсорные события, которые могут быть полезны для разных целей.

Мы уже использовали Viewв наших предыдущих главах, и мы будем использовать его почти во всех последующих главах. ВViewможет считаться элементом по умолчанию в React Native. В приведенном ниже примере мы вложим два представления и текст.

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

Вывод