หากเราเคยใช้ vector icon จะรู้ว่าเวลาเราจะเรียกไอคอนของ type อื่น เราต้องทำการ import มาใหม่ทุกครั้ง ทีนี้เราจะมาใช้ Icon จาก react-native-elements กัน
รายการด้านล่างคือ type ที่ Icon นี้สามารถใช้งานได้
ทีนี้เราจะมาใช้กัน ทำการ import Icon เข้ามา (อย่าลืม install ก่อนใช้)
ราจะมาดูกันว่าจะใช้ Icon ไหนดีในเว็ปเลย
https://oblador.github.io/react-native-vector-icons/
ทีนี้ผมเลือกจะใช้เป็น document แบบ shape ที่อยู่ใน Ionicons ผมจะโค้ดแบบด้านล่าง
ข้อควรระวังอย่างเดียวก็คือ type ต้องเป็นตัวเล็กเท่านั้น โดยพิมพ์ตามรายการ type ที่โชว์ไว้ก่อนหน้านี้
นอกจากนี้ Icon ยังสามารถทำแบบอื่นได้ด้วย เช่น reverse เป็นการกลับสี และสร้างขอบ หรือ raise ในการสร้าง box-shadow
นี่คือตัวอย่างการใช้ Icon ในบทความนี้ หากต้องการข้อมูลเพิ่มเติม สามารถไปดูได้ที่ React native elements ได้
ผู้เขียน Tanapat Limtemsap
วันที่ 8 เมษายน พ.ศ. 2565