React Native - Xem
View là yếu tố phổ biến nhất trong React Native. Bạn có thể coi nó như là một tương đương vớidiv phần tử được sử dụng trong phát triển web.
Trường hợp sử dụng
Bây giờ chúng ta hãy xem một vài trường hợp sử dụng phổ biến.
Khi bạn cần bọc các phần tử của mình bên trong vùng chứa, bạn có thể sử dụng View như một phần tử chứa.
Khi bạn muốn lồng nhiều phần tử hơn vào bên trong phần tử cha, cả cha và con đều có thể View. Nó có thể có bao nhiêu con tùy thích.
Khi bạn muốn tạo kiểu cho các phần tử khác nhau, bạn có thể đặt chúng bên trong View vì nó hỗ trợ style bất động sản, flexbox Vân vân.
View cũng hỗ trợ các sự kiện cảm ứng tổng hợp, có thể hữu ích cho các mục đích khác nhau.
Chúng tôi đã sử dụng Viewtrong các chương trước của chúng tôi và chúng tôi sẽ sử dụng nó trong hầu hết các chương tiếp theo. CácViewcó thể được coi là một phần tử mặc định trong React Native. Trong ví dụ dưới đây, chúng tôi sẽ lồng hai Chế độ xem và một văn bản.
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