React Native - ดู
มุมมองเป็นองค์ประกอบที่พบบ่อยที่สุดใน 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