ตอบสนอง UI ของแอป Native Plant #5: ข้อกำหนดในการให้บริการ Modal - Kriss

ลองใช้เครื่องมือของเราเพื่อกำจัดปัญหา

บทช่วยสอนนี้เป็นส่วนที่ห้าของชุดบทช่วยสอน React Native Plant ของเรา ใน ส่วนก่อนหน้า เราติดตั้งส่วนภาพประกอบด้วยแถบเลื่อนรูปภาพและส่วนขั้นตอนพร้อมจุดคั่นแบบเคลื่อนไหวได้สำเร็จ บทช่วยสอนนี้เป็นภาคต่อของบทช่วยสอนเดียวกันจากที่เราค้างไว้ในส่วนที่แล้ว ดังนั้นขอแนะนำให้อ่านส่วนก่อนหน้าเพื่อรับข้อมูลเชิงลึกและความรู้เกี่ยวกับโครงการโดยรวม

ดังที่ได้กล่าวไว้ในส่วนที่แล้ว แรงบันดาลใจในการทำงานชุดการสอนนี้มาจาก ตอบสนองเทมเพลตแอปเนทีฟ ที่ให้เทมเพลตแอปพลิเคชันมือถือที่หลากหลายซึ่งเขียนด้วย React Native และขับเคลื่อนด้วยคุณสมบัติและการออกแบบที่เป็นสากล เทมเพลตแอปเหล่านี้ช่วยให้เราติดตั้งแอปของเราเองและแม้แต่เริ่มต้นธุรกิจใหม่ของเราเอง และส่วนที่ห้านี้ยังเป็นความต่อเนื่องของการใช้งานโค้ดและการออกแบบจากวิดีโอสอน Youtube โดย ชุดโต้ตอบ UI สำหรับแอพ Plant วิดีโอแนะนำการใช้งานโค้ดของแอพโดยรวมอย่างละเอียดมาก อย่างไรก็ตาม ไม่มีคำแนะนำทางวาจาสำหรับการเข้ารหัสและการนำไปใช้งาน ดังนั้น ชุดการสอนนี้เป็นการนำรูปแบบการเขียนโค้ดและการออกแบบแบบเดียวกันมาใช้ในรูปแบบของบทความ ดังนั้น ผู้เรียนสามารถผ่านแต่ละขั้นตอนและใช้เวลาในการทำความเข้าใจการนำไปใช้งาน

ภาพรวม

ในส่วนที่ห้าของชุดบทช่วยสอนนี้ เราจะดำเนินการ ส่วนข้อกำหนดในการให้บริการ (TOS) ในรูปแบบ Modal view ส่วน TOS นี้จะมีข้อกำหนดและบริการของแอพเหมือนในแอพจริง การดำเนินการในส่วนนี้จะทำให้การดำเนินการโดยรวมของหน้าจอต้อนรับเสร็จสมบูรณ์ แนวคิดคือการเริ่มต้นด้วยการใช้มุมมอง Modal เมื่อคลิกปุ่ม 'ข้อกำหนดในการให้บริการ' ที่ด้านล่างของหน้าจอต้อนรับ จากนั้นเราจะเพิ่มเนื้อหาภายในมุมมองโมดอลและทำให้สามารถเลื่อนได้ด้วย จากนั้นเราจะใช้ปุ่มเพื่อปิดโมดอลและกำหนดค่าการปิดโมดอลผ่านปุ่มย้อนกลับของอุปกรณ์



งั้นเรามาเริ่มกันเลย!!

kriss.io

ตอบสนอง UI ของแอป Native Plant #5: ข้อกำหนดในการให้บริการ Modal - Kriss

x บทช่วยสอนนี้เป็นส่วนที่ห้าของชุดบทช่วยสอน React Native Plant ของเรา>

ดูสิ่งนี้ด้วย:

ของใหม่

อ่านได้มากที่สุด

ตัวเลือกของบรรณาธิการ