แสดงข้อความด้านล่างหน้าจอด้วย SnackBar ใน flutter

class _HomeState extends State<Home> {
 
    @override
    Widget build(BuildContext context) {
 
        return Scaffold(
            appBar: AppBar(
                title: Text('Home'),
            ),
            body: Center(
                child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                        Text('Home Screen'),
                        ElevatedButton(
                          onPressed: () { // เมื่อกดที่ปุ่ม
                            // กำหนดรูปแบบการใช้งาน snackbar
                            final snackBar = SnackBar(
                              content: const Text('Yay! A SnackBar!'), // แสดงข้อความ
                              action: SnackBarAction(
                                label: 'Undo',
                                onPressed: () {
                                  // ทำคำสั่งถ้ากดที่ข้อความใน action 
                                },
                              ),
                            );
                            // แสดงข้อความ snackbar โดยเรียกใช้งานผ่าน ScaffoldMessenger
                            ScaffoldMessenger.of(context).showSnackBar(snackBar);
                          },
                          child: const Text('Show SnackBar'),
                        ),
                    ],
                )
            ),
        );
    }
}

// กำหนดรูปแบบการใช้งาน snackbar
final snackBar2 = SnackBar(
  content: Row( // แสดงข้อมูลอื่นๆ นอกจากข้อความอย่างเดียว
    children: [
      Icon(Icons.info_rounded,color: Colors.yellow,), // ใส่ไอคอน
      SizedBox(width: 10), // เพิ่มกล่องช่องว่าง
      Expanded(
        child: Text('ทำรายการเรียบร้อยแล้ว!'),
      ),
    ],
  ),
  action: SnackBarAction(
    label: 'ดูเพิ่มเติม',
    onPressed: () {
      // ทำคำสั่งถ้ากดที่ข้อความใน action 
    },
  ),
);

// กำหนดรูปแบบการใช้งาน snackbar
final snackBar3 = SnackBar(
  content: Row( // แสดงข้อมูลอื่นๆ นอกจากข้อความอย่างเดียว
    children: [
      Icon(Icons.info_rounded,color: Colors.yellow,), // ใส่ไอคอน
      SizedBox(width: 10), // เพิ่มกล่องช่องว่าง
      Expanded(
        child: Text('ทำรายการเรียบร้อยแล้ว!'),
      ),
    ],
  ),
  duration: const Duration(milliseconds: 3000), // กำหนดเวลาแสดง 3 วินาที
  width: 300.0, // กำหนดความกว้่าง
  padding: const EdgeInsets.symmetric(
    horizontal: 8.0, 
  ),
  behavior: SnackBarBehavior.floating,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),
  ),  
  action: SnackBarAction(
    label: 'ดูเพิ่มเติม',
    onPressed: () {
      // ทำคำสั่งถ้ากดที่ข้อความใน action 
    },
  ),
);

class _HomeState extends State<Home> {
 
    // สร้าง ScaffoldMessengerState key ให้สามารถเรียกใช้งาน ใน widget ที่กำหนดได้
    final GlobalKey<ScaffoldMessengerState> scaffoldMessengerKey =
        GlobalKey<ScaffoldMessengerState>();

    @override
    Widget build(BuildContext context) {
        return ScaffoldMessenger(
          key: scaffoldMessengerKey, // อ้างอิงค่า key ที่กำหนด
          child: Scaffold(
                appBar: AppBar(
                    title: Text('Home'),
                ),
                body: Center(
                    child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                            Text('Home Screen'),
                            ElevatedButton(
                              onPressed: (){
                                showSnack('Hi'); // เรียกใช้งานฟังก์ชั่น
                              },
                              child: const Text('Show SnackBar'),
                            ),
                        ],
                    )
                ),
          ),
        );
    }

    // ฟังกชั่นสำหรับใช้งาน SnackBar
    void showSnack(String title) {
     // กำหนดรูปแบบการใช้งาน snackbar
      final snackBar = SnackBar(
        content: Row( // แสดงข้อมูลอื่นๆ นอกจากข้อความอย่างเดียว
          children: [
            Icon(Icons.info_rounded,color: Colors.yellow,), // ใส่ไอคอน
            SizedBox(width: 10), // เพิ่มกล่องช่องว่าง
            Expanded(
              child: Text(title), // รับค่าข้อความจาก parameter มาแสดง
            ),
          ],
        ),
        duration: const Duration(milliseconds: 3000), // กำหนดเวลาแสดง 3 วินาที
        width: 300.0, // กำหนดความกว้่าง
        padding: const EdgeInsets.symmetric(
          horizontal: 8.0, 
        ),
        behavior: SnackBarBehavior.floating,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(10.0),
        ),  
        action: SnackBarAction(
          label: 'ดูเพิ่มเติม',
          onPressed: () {
            // ทำคำสั่งถ้ากดที่ข้อความใน action 
          },
        ),
      );
     scaffoldMessengerKey.currentState!.showSnackBar(snackBar);
    }

}

duration: const Duration(days: 365), 
// duration: const Duration(milliseconds: 1500), // กำหนดเวลาแสดง 1.5 วินาที
// duration: const Duration(seconds: 3), // กำหนดเวลาแสดง 3 วินาที

ScaffoldMessenger.of(context)
..removeCurrentSnackBar() // ปิดตัวที่แสดงอยู่ก่อนทันที
..showSnackBar(snackBar);   // แล้วค่อยแสดงตัวใหม่  

scaffoldMessengerKey.currentState!
..removeCurrentSnackBar()
..showSnackBar(snackBar);