🦜 SwiftUI ของใหม่ที่มาแทน Storyboard ที่หลายคนก็รัก (แต่หลายคนก็มึน) มันมีอะไรเปลี่ยนไปบ้าง แอดมาสรุปคร่าว ๆ ในประเด็นหลัก ๆ ดังนี้ครับ
.
✅ เจ้าตัว SwiftUI นี้เขาเปลี่ยนรูปแบบการสร้าง UI แบบเดิม ๆ ให้เป็นแบบ Declarative ซึ่งใครมาสายพวก React, Flutter หรือ Angular มาอยู่แล้วจะเข้าใจง่าย
.
เพราะเวลาโค้ดจริง ๆ ในมุมมองของ Dev การอ่าน / เข้าไปแก้ที่ตัว Code เลยจะง่ายกว่า
.
รวมไปถึงการสร้าง Component ต่าง ๆ การนำไป Reuse ถือว่าสะดวกมาก ๆ
.
✅ ลดความใหญ่โตของ Storyboard ลงไปได้เยอะ เพราะเขียนแบบแยกไฟล์คล้ายๆ เว็บนั่นแหละ !
.
ปกติแล้วแอดทำ Storyboard มาช่วง 2 - 3 ปีที่ผ่านมาพบว่า เอ่อ มันง่าย มันสนุกดีลาก ๆ แปะ ๆ ก็เชื่อมหน้าเข้าหากันได้ ทำ Navigation ก็ง่าย
.
แต่พอใช้ไปสักพักจะพบว่าหน้าเรามันงอกมาเรื่อย ๆ ทำให้เต็ม Storyboard ไปหมด
.
"SwiftUI เข้ามาแก้ไขตรงนี้ได้ดีมาก ๆ คนที่มีพื้นฐานเว็บมาจะรักมันสุด ๆ"
.
✅ "หลายอย่างเหมือนเขาคิดมาให้แล้วอะ แค่บอกว่าต้องการอะไร แล้วเขาก็ทำได้ดั่งใจเราต้องการ"
.
แต่ก่อนต้องนั่งคิด Syntax ยาวเหยียดเพื่อที่จะเปลี่ยน Component บางอย่างให้ได้ดั่งใจ
.
แต่ SwiftUI นี่บอกเลยว่า "ง่ายจัดดดดจัดดดดดด"
.
อยากเปลี่ยนสีหรอ ? แค่ข้อความสั้น ๆ ไม่ถึง 12 - 15 ตัวอักษรก็เปลี่ยนได้แล้ว อยากจัด Alignment ก็ง่ายยิ่งกว่าง่าย
.
รวมถึงทำท่าพิศดาลหน่อย ๆ ไม่ว่าจะอยากแสดงรูปภาพ ในกรอบกลม ๆ ก็ง่ายสุดด
.
ถ้าถามว่างั้นเราเริ่ม SwiftUI ตอนนี้เลยดีไหม แอดจะตอบว่า "ดี เพราะถ้าได้เวลาอยู่กับมันนานๆ จะรักมันมาก ๆ "
.
⚠️ แต่ ๆ ๆ ด้วยความที่น้องเหมือนเด็กเกิดใหม่น่ารัก ๆ ทำให้มีบาง Syntax ที่ดูไม่สมเหตุสมผลอยู่บ้าง เช่น การเปลี่ยนข้อมูลภายใน Component บางที่ใช้ : บางอย่างเป็น , หรือ ในบางจุด
.
และ ยังมีบางส่วนยังใช้ UIKit เดิม ๆ อยู่
.
ทำให้ในอนาคตอาจจะมีการปล่อย Version ใหม่ที่เข้ามาแก้ตรงนี้ ถ้าใครทัน Swift version แรก ๆ ไม่ว่าจะเป็น 1 2 มา 3 จะทราบกันดีว่า Code หลายส่วนนำกลับมาใช้ไม่ได้แล้วว
.
แต่ ถ้าไม่เริ่มวันนี้จะเริ่มวันไหนหละ ? ศึกษาควบคู่ หรือ ศึกษาไว้ก่อนแอดว่าไม่มีอะไรเสียหาย แถมยังมีความรู้ที่สดใหม่กว่าใครหลายคน เพิ่มโอกาสทางการงานด้วยนะ <3
.
#BorntoDev - 🦖 Digital Academy ให้การพัฒนาทักษะเทคโนโลยีเป็นเรื่องสนุกไปพร้อมกับเรา
「flutter navigation」的推薦目錄:
flutter navigation 在 BorntoDev Facebook 的最讚貼文
🦜 SwiftUI ของใหม่ที่มาแทน Storyboard ที่หลายคนก็รัก (แต่หลายคนก็มึน) มันมีอะไรเปลี่ยนไปบ้าง แอดมาสรุปคร่าว ๆ ในประเด็นหลัก ๆ ดังนี้ครับ
.
✅ เจ้าตัว SwiftUI นี้เขาเปลี่ยนรูปแบบการสร้าง UI แบบเดิม ๆ ให้เป็นแบบ Declarative ซึ่งใครมาสายพวก React, Flutter หรือ Angular มาอยู่แล้วจะเข้าใจง่าย
.
เพราะเวลาโค้ดจริง ๆ ในมุมมองของ Dev การอ่าน / เข้าไปแก้ที่ตัว Code เลยจะง่ายกว่า
.
รวมไปถึงการสร้าง Component ต่าง ๆ การนำไป Reuse ถือว่าสะดวกมาก ๆ
.
✅ ลดความใหญ่โตของ Storyboard ลงไปได้เยอะ เพราะเขียนแบบแยกไฟล์คล้ายๆ เว็บนั่นแหละ !
.
ปกติแล้วแอดทำ Storyboard มาช่วง 2 - 3 ปีที่ผ่านมาพบว่า เอ่อ มันง่าย มันสนุกดีลาก ๆ แปะ ๆ ก็เชื่อมหน้าเข้าหากันได้ ทำ Navigation ก็ง่าย
.
แต่พอใช้ไปสักพักจะพบว่าหน้าเรามันงอกมาเรื่อย ๆ ทำให้เต็ม Storyboard ไปหมด
.
"SwiftUI เข้ามาแก้ไขตรงนี้ได้ดีมาก ๆ คนที่มีพื้นฐานเว็บมาจะรักมันสุด ๆ"
.
✅ "หลายอย่างเหมือนเขาคิดมาให้แล้วอะ แค่บอกว่าต้องการอะไร แล้วเขาก็ทำได้ดั่งใจเราต้องการ"
.
แต่ก่อนต้องนั่งคิด Syntax ยาวเหยียดเพื่อที่จะเปลี่ยน Component บางอย่างให้ได้ดั่งใจ
.
แต่ SwiftUI นี่บอกเลยว่า "ง่ายจัดดดดจัดดดดดด"
.
อยากเปลี่ยนสีหรอ ? แค่ข้อความสั้น ๆ ไม่ถึง 12 - 15 ตัวอักษรก็เปลี่ยนได้แล้ว อยากจัด Alignment ก็ง่ายยิ่งกว่าง่าย
.
รวมถึงทำท่าพิศดาลหน่อย ๆ ไม่ว่าจะอยากแสดงรูปภาพ ในกรอบกลม ๆ ก็ง่ายสุดด
.
ถ้าถามว่างั้นเราเริ่ม SwiftUI ตอนนี้เลยดีไหม แอดจะตอบว่า "ดี เพราะถ้าได้เวลาอยู่กับมันนานๆ จะรักมันมาก ๆ "
.
⚠️ แต่ ๆ ๆ ด้วยความที่น้องเหมือนเด็กเกิดใหม่น่ารัก ๆ ทำให้มีบาง Syntax ที่ดูไม่สมเหตุสมผลอยู่บ้าง เช่น การเปลี่ยนข้อมูลภายใน Component บางที่ใช้ : บางอย่างเป็น , หรือ ในบางจุด
.
และ ยังมีบางส่วนยังใช้ UIKit เดิม ๆ อยู่
.
ทำให้ในอนาคตอาจจะมีการปล่อย Version ใหม่ที่เข้ามาแก้ตรงนี้ ถ้าใครทัน Swift version แรก ๆ ไม่ว่าจะเป็น 1 2 มา 3 จะทราบกันดีว่า Code หลายส่วนนำกลับมาใช้ไม่ได้แล้วว
.
แต่ ถ้าไม่เริ่มวันนี้จะเริ่มวันไหนหละ ? ศึกษาควบคู่ หรือ ศึกษาไว้ก่อนแอดว่าไม่มีอะไรเสียหาย แถมยังมีความรู้ที่สดใหม่กว่าใครหลายคน เพิ่มโอกาสทางการงานด้วยนะ <3
.
#BorntoDev - 🦖 Digital Academy ให้การพัฒนาทักษะเทคโนโลยีเป็นเรื่องสนุกไปพร้อมกับเรา
flutter navigation 在 30天Flutter手滑系列- 導航與路由(Navigation & Routing) 的相關結果
而這些被定義的 / 、 /home 、 /register 名稱都是路由(Router)系統的一部分。 管理這些Route的進出,就是導航(Navigator),在這裡也是一個Navigator Widget。 ... <看更多>
flutter navigation 在 Flutter Navigator 2.0 指南与原理解析 的相關結果
而Navigator 2.0 引入了一套全新的声明式API,全新的实现方式与调用方法与以往都截然不同,在官方推荐的Learning Flutter's new navigation and routing system ... ... <看更多>
flutter navigation 在 Navigation and routing - Flutter documentation 的相關結果
Navigation and routing ... Flutter has an imperative routing mechanism, the Navigator widget, and a more idomatic declarative routing mechanism (which is similar ... ... <看更多>