Halo, teman – teman kali ini kita akan membahas tentang button pada Flutter.
Pada Flutter 2.2 sekarang ini, beberapa button mengalami perubahan. Tidak hanya sekedar pada nama widget nya saja, tetapi juga pada temanya.

Namun jika kita tetap menggunakan widget FlatButton, RaisedButton dan OutlineButton maka pada kodingan akan muncul coretan, seperti pada gambar berikut :

Dan saat kursor di dekatkan ke widget akan muncul popup yang menjelaskan ‘FlatButton’ is deprecated and shouldn’t be used. Use TextButton instead. (‘FlatButton’ tidak digunakan lagi dan tidak boleh digunakan. Gunakan TextButton sebagai gantinya.)

Begitu juga pada widget RaisedButton dan OutlineButton

Selain tiga button di atas, juga terdapat satu button lagi yaitu MaterialButton. MaterialButton juga sama dengan button lainnya, hanya saja lebih umum untuk digunakan dalam sebuah project.

Dapat dilihat perbedaan dari beberapa button dalam video pada aplikasi yang sudah saya build.

source code :

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.lime,
      ),
      body: Container(
        color: Colors.black87,
        alignment: Alignment.center,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            MaterialButton(
              child: Text('Material Button', style: TextStyle(color: Colors.white),),
              color: Colors.lime,
              onPressed: () {},
            ),
            ElevatedButton(
                style: ElevatedButton.styleFrom(primary: Colors.lime),
                onPressed: () {},
                child: Text('Elevated Button')),
            TextButton(
                style: TextButton.styleFrom(primary: Colors.lime),
                onPressed: () {},
                child: Text('Text Button')),
            OutlinedButton(
                style: OutlinedButton.styleFrom(primary: Colors.lime),
                onPressed: () {},
                child: Text('Outlined Button'))
          ],
        ),
      ),
    );
  }
}

Sejatinya, semua button berfungsi untuk memproses data yang sudah di inputkan oleh user. Penggunaan widget seperti MaterialButton, TextButton, ElevatedButton, dan OutlinedButton digunakan sesuai dengan kebutuhan pengguna.

Jadi, button mana yang menurut teman – teman yang lebih fleksibel untuk digunakan ?