Taninut.com
หน้าหลัก
สร้างสินค้า
Home
- กลุ่มสินค้า
(Product class)
- สินค้าสร้างใหม่
(Product create)
คูปอง
- สร้างคูปอง
(Coupons create)
- การใช้คูปอง
(Coupons use)
คำสั่งซื้อ(Orders)
- Orders
- Orders booking
เพิ่มเติม
- Content
- Article
- FAQs
แดชบอร์ดรวม
ประวัติการจอง
การตั้งค่า
ออกจากระบบ
Update Article: 140
Category ID
เลือกหมวดหมู่
IT
PHP
Flutter
Wordpress
SEO
Lifestyle
Travel
Breakfast
Hobby
Process
Mini Course
Website
หนังสือ
เทคโนโลยี (Technology)
ไลฟ์สไตล์ (Lifestyle)
การพัฒนาเว็บ (Web Development)
อาหารและการท่องเที่ยว (Food & Travel)
หนังสือและการเรียนรู้ (Books & Learning)
เคล็ดลับและทริคพิเศษ (Tips & Tricks)
โปรโมชั่น / ข่าวสาร
Content Name
Clear URLs
URL Off page
Content Desc
Content Desc
<p>Widget คือส่วนประกอบพื้นฐานใน Flutter ซึ่งใช้สร้างแอปพลิเคชัน ดังนั้น ส่วนมากจะต้องใช้ Widget ต่างๆ เพื่อสร้าง UI/UX ของแอปพลิเคชัน ดังนี้</p> <ol> <li> <p>MaterialApp: ใช้สร้างแอปพลิเคชันตามหลักการ Material Design ของ Google ซึ่งมี Widget ส่วนย่อยอื่นๆ เช่น Scaffold, AppBar, BottomNavigationBar ฯลฯ เพื่อช่วยในการสร้าง UI ของแอปพลิเคชัน</p> </li> <li> <p>Container: ใช้สร้างพื้นที่หรือกรอบของ Widget อื่นๆ ซึ่งสามารถกำหนดสีพื้นหลัง ขนาด และระยะห่างได้ตามต้องการ</p> </li> <li> <p>Row และ Column: ใช้สร้าง Layout แบบแถวและคอลัมน์ เพื่อจัดวาง Widget ให้เรียงกันได้อย่างเหมาะสม</p> </li> <li> <p>Text: ใช้สร้างข้อความแสดงผลบนหน้าจอ</p> </li> <li> <p>Image: ใช้แสดงรูปภาพบนหน้าจอ</p> </li> <li> <p>ListView: ใช้สร้างลิสต์ของ Widget อื่นๆ เพื่อแสดงผลบนหน้าจอ เช่น รายการสินค้า หรือรายชื่อผู้ใช้งาน</p> </li> <li> <p>Button: ใช้สร้างปุ่มที่สามารถกดได้ เพื่อใช้ในการทำงานต่างๆ ซึ่งแต่ละปุ่มสามารถกำหนดรูปแบบและสีได้ตามต้องการ</p> </li> </ol> <p>ตัวอย่างการใช้ Widget ใน Flutter:</p> <p style="padding-left: 80px;"><code>MaterialApp(</code><br><code> title: 'My App',</code><br><code> home: Scaffold(</code><br><code> appBar: AppBar(</code><br><code> title: Text('Welcome to My App'),</code><br><code> ),</code><br><code> body: Container(</code><br><code> child: Row(</code><br><code> children: <Widget>[</code><br><code> Expanded(</code><br><code> child: Image.asset('assets/images/logo.png'),</code><br><code> ),</code><br><code> Expanded(</code><br><code> child: Column(</code><br><code> children: <Widget>[</code><br><code> Text('Welcome to My App'),</code><br><code> RaisedButton(</code><br><code> child: Text('Click Me'),</code><br><code> onPressed: () {</code><br><code> // do something</code><br><code> },</code><br><code> ),</code><br><code> ],</code><br><code> ),</code><br><code> ),</code><br><code> ],</code><br><code> ),</code><br><code> ),</code><br><code> ),</code><br><code>);</code></p> <p> </p>
Content Short
Content Short
Content Img Alt
Content Tag
อัพโหลดรูปภาพ
สำหรับ SEO
Meta Title
Meta Desc
Meta Keyword
Og Title
Og Desc
สถานะเปิดใช้งานบทความ
Save
Back home