Zenler Player
กำลังโหลดคอร์สเรียน กรุณารอสักครู่
React Native Hooks+SQLite
กลับไปหน้าหลักสูตร
0% สมบรูณ์
0% สมบรูณ์
ความรู้เกี่ยวกับ React
ติดตั้ง Node.js
ติดตั้ง expo-cli
แนวทางการทดสอบแอพพลิเคชัน
คอมโพเนนต์ (Component)
ทดลองแก้ไข App คอมโพเนนต์
สร้างส่วนติดต่อกับผู้ใช้ด้วย JSX
การแสดงค่าของตัวแปรใน JSX
สร้าง Comment คอมโพเนนต์
คุณสมบัติพื้นฐานของคอมโพเนนต์
วิธีผ่านค่า props ไปยัง Child คอมโพเนนต์
การผ่านค่า props หลายๆ ค่า
การรับค่า props.children มาใช้งาน
ประกาศตัวแปรเพื่อรับค่า props
กำหนดค่าเริ่มต้นให้กับ State
การใช้งาน useState ฮุกในฟังก์ชันคอมโพเนนต์
Setstate() เป็น asynchronous
ผ่านค่าฟังก์ชันไปกับ props
พื้นฐานเกี่ยวกับ View คอมโพเนนต์
กำหนดหลายสไตล์ด้วยอาร์เรย์
หาขนาดของหน้าจอด้วย Dimensions
ปัญหาเกี่ยวกับแพลตฟอร์ม
สร้างคอมโพเนนต์สำหรับ Android
Flexbox ใน React Native
การจัดเรียงตามแนวคอลัมน์
การจัดเรียงในแกนหลัก (Justify Content)
การใช้งาน ScrollView คอมโพเนนต์
เลื่อนหน้าจอในแนวนอนด้วย ScrollView
การนำข้อมูลจากอาร์เรย์มาแสดงใน ScrollView
แสดงรายชื่อนักเรียนใน FlatList
ติดตั้ง React Navigation V6
การเปลี่ยนหน้าจอแบบง่ายๆ
เมธอดอื่นๆ ใน navigation ออบเจ็กต์
วิธีผ่านค่ากลับไปยังรูทต้นทาง
ติดตั้ง Bottom Tab Navigator
TextInput คอมโพเนนต์
กำหนด State เก็บค่าอินพุต
Switch คอมโพเนนต์
1.แนะนำ React Native
ความรู้เกี่ยวกับ React
ดูตัวอย่าง
ติดตั้ง Node.js
ดูตัวอย่าง
ติดตั้ง expo-cli
2.ทดสอบแอพพลิเคชัน
แนวทางการทดสอบแอพพลิเคชัน
3.คอมโพเนนต์ และ JSX
คอมโพเนนต์ (Component)
ทดลองแก้ไข App คอมโพเนนต์
สร้างส่วนติดต่อกับผู้ใช้ด้วย JSX
การแสดงค่าของตัวแปรใน JSX
สร้าง Comment คอมโพเนนต์
4.Props ใน React Native
คุณสมบัติพื้นฐานของคอมโพเนนต์
วิธีผ่านค่า props ไปยัง Child คอมโพเนนต์
การผ่านค่า props หลายๆ ค่า
การรับค่า props.children มาใช้งาน
ประกาศตัวแปรเพื่อรับค่า props
5.พื้นฐานการใช้งาน state
กำหนดค่าเริ่มต้นให้กับ State
การใช้งาน useState ฮุกในฟังก์ชันคอมโพเนนต์
Setstate() เป็น asynchronous
ผ่านค่าฟังก์ชันไปกับ props
6.Platform และการใช้สไตล์
พื้นฐานเกี่ยวกับ View คอมโพเนนต์
กำหนดหลายสไตล์ด้วยอาร์เรย์
หาขนาดของหน้าจอด้วย Dimensions
ปัญหาเกี่ยวกับแพลตฟอร์ม
สร้างคอมโพเนนต์สำหรับ Android
7.Flexbox และการจัด เรียงคอมโพเนนต์
Flexbox ใน React Native
การจัดเรียงตามแนวคอลัมน์
การจัดเรียงในแกนหลัก (Justify Content)
8.ScrollView และ FlatList
การใช้งาน ScrollView คอมโพเนนต์
เลื่อนหน้าจอในแนวนอนด้วย ScrollView
การนำข้อมูลจากอาร์เรย์มาแสดงใน ScrollView
แสดงรายชื่อนักเรียนใน FlatList
9.พื้นฐานการใช้งาน React Navigation
ติดตั้ง React Navigation V6
การเปลี่ยนหน้าจอแบบง่ายๆ
เมธอดอื่นๆ ใน navigation ออบเจ็กต์
วิธีผ่านค่ากลับไปยังรูทต้นทาง
10.การใช้งาน Bottom Tab Navigator
ติดตั้ง Bottom Tab Navigator
11.แบบฟอร์ม และส่วนติดต่อกับผู้ใช้
TextInput คอมโพเนนต์
กำหนด State เก็บค่าอินพุต
Switch คอมโพเนนต์
×
This is an unpublished lesson. This lesson will not be shown for students unless you set it as Public.
กลับไปที่แดชบอร์ด
ไม่มีเนื้อหาในบทเรียนนี้!
ไม่มีบทเรียน!
กลับไปที่แดชบอร์ด
เนื้อหาบทเรียนถูกล็อค
ลงทะเบียนเพื่อปลดล็อกบทเรียนนี้
ลงทะเบียนเพื่อปลดล็อค
บทเรียนต่อไป