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