สิ่งนึงที่สำคัญในการทำแอพคือทำให้หน้าตามันดูดีหน้าใช้งาน ซึ่งจะสังเกตได้ว่าแอพที่เราทำๆกันมามันหน้าตาไม่ได้ดีเท่าไร

การ Styling เป็นการทำให้หน้าตาของแอพเราดูดีขึ้นครับ คล้ายๆกับการใช้ CSS ในการเขียนเว็บ โดยคอนเซปต์จะคล้ายๆกัน ชื่อ attribute ส่วนใหญ่ก็เหมือนกัน เพียงแต่เปลี่ยนไปเป็น Camel Case เท่านั้น

เช่น background-color ก็กลายเป็น backgroundColor

นอกนั้นก็จะไม่ต่างกันมากครับ

ในไฟล์ App.js

ผมสร้าง styles ขึ้นตัวนึงแล้วจับไปใส่ View กับ Text

ในไฟล์ MyComponent.js

เมื่อรันแอพแล้วจะได้ตามนี้

ซึ่งดูดีขึ้นมากเทียบกับตอนที่ยังไม่ Styling

ถ้าให้พูดตามตรง การ Styling เป็นสิ่งที่ยากสำหรับผมมากๆเลยครับ เวลาจะ Styling แต่ละทีผมก็ต้องเปิด Cheatsheet มาดูตลอด อันนี้เป็น Cheatsheet ?ี่ผมชอบเอามาดูบ่อยๆครับ

https://github.com/vhpoet/react-native-styling-cheat-sheet

การ Styling ยังมีรายละเอียดยิบย่อยอีก สามารถเข้าไปเช็คที่ Documentation ของ React Native ได้ที่นี่ครับ

Medium ที่ 49

ปีนี้ผมตั้งใจว่าจะเขียน Medium ให้ได้เดือนละ 4–5 Medium ครับ สิ้นปีก็จะมี 52 Medium เท่ากับจำนวนสัปดาห์ใน 1 ปีพอดี ไม่รู้จะทำได้มั้ย แต่ก็ถือเป็น Passion เล็กๆน้อยๆของผมครับ 5555

ผมเขียนบทความหลายแนวแล้วแต่ว่าอยากเขียนยังไง ถ้าอยากให้กำลังใจช่วยกด Clap ให้ซักที สองทีด้วยนะครับ :D

เจอกันบทความหน้าครับ