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

เอาต์พุต