คุณอาจจะเคยเห็น Chip บน Gmail หรือแอปอื่นๆ ทีนี้เราจะมาลองทำแบบนั้นบ้าง โดยเราจะทำแบบในรูป
![สร้าง chip ด้วย react native elements-1](http://www.frevation.com/wp-content/uploads/2022/07/สร้าง-chip-ด้วย-react-native-elements-1.png)
บน TextInput ผมจะใช้ onBlur เพื่อให้สามารถแบ่ง chip ของแต่ละชื่อได้ หรือเวลาเรากด confirm ก็จะทำงานเช่นกัน
![สร้าง chip ด้วย react native elements-2](http://www.frevation.com/wp-content/uploads/2022/07/สร้าง-chip-ด้วย-react-native-elements-2.png)
ต่อไปจะเป็น Chip โดยใส่ title เป็นชื่อ และสร้างไอคอนที่กดแล้วลบได้ด้วย
![สร้าง chip ด้วย react native elements-3](http://www.frevation.com/wp-content/uploads/2022/07/สร้าง-chip-ด้วย-react-native-elements-3.png)
เราสามารถปรับ type ของ Chip ได้ 2 แบบ
type : outline, solid
นี่เป็นวิธีการทำ Chip คร่าวๆด้วย react native elements ท่านสามารถนำไปประยุกต์ใช้ได้เช่นกัน
ผู้เขียน Tanapat Limtemsap
วันที่ 8 กรกฏาคมพ.ศ. 2565