Article Cover: Null Safety in a nutshell

Your flutter app doesn’t sound Null Safety!

Handling null values in programming is a tedious task. When a function is expecting an input but it turns out to be null, it causes a runtime error, and your program crashes.


What is a Widget in Flutter?

This must be the very first topic that everybody who starts coding Flutter has come across. You may wonder what is a Widget? Well, I can summarize it for you.

Widget is everything in Flutter.

In detail, a Widget is an object which is configured to build the user interface or provide additional logic. In most cases, we can use Widgets to build UIs for our app such as a Button, Text, List, you name it. Or we could use it to take input from users like text input and gesture interaction. …


Widget คืออะไร

ทุกคนที่เริ่มเขียน Flutter ส่วนใหญ่คงจะสงสัยว่า Widget คืออะไร ใช้งานยังไงและมีแบบไหนบ้าง ผมจะกล่าวโดยสรุปว่า

Widget คือทุกสิ่งทุกอย่างใน Flutter

ถ้าจะให้ลงรายละเอียดก็คือ Widget คือ Object ที่เราสามารถกำหนดค่าต่าง ๆ ให้กับมันได้ เราสามารถนำ Widget ไปสร้างเป็น UI ต่าง ๆ เช่น กล่องข้อความ, ปุ่มกด, ลิสต์รายการ, ฯลฯ หรือนำไปรับ User Input หรือ User Interaction ได้ด้วย จะเห็นได้ว่า Widget คือส่วนต่าง ๆ ที่ประกอบขึ้นเป็นแอพพลิเคชันนั่นเอง จึงไม่เวอร์เลยที่จะกล่าวได้ว่าทุกสิ่งทุกอย่างใน Flutter ก็คือ Widget นั่นเองครับ

ผู้เขียน Flutter ได้สร้าง Basic Built-in Widgets ไว้ให้นักพัฒนาใช้งานโดยที่ไม่จำเป็นต้องสร้างใหม่เอง เช่น Text, Row, Column, Container, etc. เราสามารถเรียก Widget เหล่านี้ไปใช้ได้เลยทันที

ถึงแม้ว่าจะมี Widget พื้นฐานมาให้มากมายแต่ก็ยังไม่สามารถตอบโจทย์การใช้งานของคนทุกคนได้ Flutter เปิดโอกาสให้นักพัฒนาแต่ละคนสร้าง Widget ของตัวเองขึ้นมาใช้งานโดยเราจะต้องเข้าใจหลักการทำงานของ Widget เสียก่อน

Flutter Widget มีสองประเภทคือ
1. Stateless Widget
2. Stateful Widget

Stateless Widget คืออะไร

Stateless แปลเป็นไทยได้ว่า “ ไม่มีสถานะ ”…

Siraphob Kan

Writing code for a living. Tinkering stuff in my free time. Have some coffee, shall we?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store