Stateless widget berarti widget tersebut static atau tidak akan pernah berubah. Icon, IconButton dan Text adalah contoh stateless widget.

Berikut adalah tampilan default dari masing masing button tersebut:

class DemoScreen extends StatelessWidget {
  const DemoScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Button Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextButton(onPressed: () {}, child: const Text("Text Button")),
            ElevatedButton(onPressed: () {}, child: const Text("Elevated Button")),
            OutlinedButton(onPressed: () {}, child: const Text("Outlined Button")),
          ],
        ),
      ),
    );
  }
}

Styling Button

styling button pada flutter bisa menggunakan property style dengan memasukan value ButtonStyle. Misal kita ingin mengubah warna dari text (foreground color) maka bisa mengikuti kode dibawah ini.

TextButton(
  style: ButtonStyle(
      foregroundColor:
          MaterialStateProperty.all<Color>(Colors.black)),
  onPressed: () {},
  child: const Text("Text Button"),
)

dengan MaterialStateProperty kita bisa mengubah warna sesuai dengan state button seperti saat pressed, hovered atau focused. selengkapnya tentang MaterialStateProperty bisa dibaca disini.

namun jika dirasa tidak terlalu perlu untuk menghandle state pada foregroundColor maka kita bisa menggunakan value TextButton.styleFrom() seperti contoh dibawah ini:

TextButton(
  style: TextButton.styleFrom(
    foregroundColor: Colors.black,
  ),
  onPressed: () {},
  child: const Text("Text Button"),
),

ada banyak property yang bisa kita gunakan di ButtonStyle seperti backgroundColor, overlayColor, padding dll.

Jika kita coba styling satu persatu maka kita bisa mengubah warna border color, background color serta foreground color masing masing button seperti berikut:

class DemoScreen extends StatelessWidget {
  const DemoScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Button Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextButton(
              style: ButtonStyle(
                  foregroundColor:
                      MaterialStateProperty.all<Color>(Colors.black)),
              onPressed: () {},
              child: const Text("Text Button"),
            ),
            ElevatedButton(
                style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
                onPressed: () {},
                child: const Text("Elevated Button")),
            OutlinedButton(
                style: OutlinedButton.styleFrom(
                    foregroundColor: Colors.red,
                    side: const BorderSide(color: Colors.red)),
                onPressed: () {},
                child: const Text("Outlined Button")),
          ],
        ),
      ),
    );
  }
}

dan hasilnya akan seperti gambar dibawah ini:

Sekian, semoga artikel ini bermanfaat.

Berikut kita bahas Local Database populer yang mungkin bisa jadi pilihan sobat flutter sekalian.

Sql Database

• Sqflite
  Sqflite adalah SQLite plugin untuk flutter. kita bisa menggunakan Raw SQL queries untuk mengoperasikan database.

• Drift
  Drift (sebelumnya: Moor) adalah reactive persistence library berbasis SQLite.

• Floor
  Floor menyediakan abstraksi yang rapi untuk applikasi flutter yang dikembangkan. Floor terinspirasi dari Room (Local Database Android Native).

NoSQL Database

• Hive
  Hive adalah NoSQL database untuk flutter, mudah digunakan serta memiliki API yang sederhana.

• Isar
  Isar dikembangkan oleh developer yang sama dengan Hive. Isar adalah NoSQL yang cukup ringan dan mudah digunakan. Isar memiliki fitur database inspector yang mengizinkan developer untuk meng-inspect instances & collections dari flutter apps secara realtime. Developer bisa mengeksekusi queries, mengedit properties, beralih instances dan sorting data.

• Objectbox
  Objectbox adalah NoSQL database yang di design secara special untuk mobile dan iOT Device. Database ini mengklaim menggunakan CPU, memory dan baterai yang minimal sehingga tidak hanya membuat aplikasi yang efektif tapi juga berkelanjutan.

• Realm Dart
  Realm adalah database yang dikembangkan oleh MongoDB setelah akusisi pada tahun 2019.

Pilihlah database sesuai kebutuhan dan development skill yang dimiliki. Jika aplikasi yang akan dikembangkan membutuhkan database yang memiliki kemampuan relasi antar entity maka sebaiknya gunakan SQL database, sebaliknya jika apps yang dikembangkan hanya perlu menyimpan data berbentuk key-value maka pilihlah NoSQL database. Sekian

• Stateful Widget
  Stateful widget adalah widget default dari flutter yang mampu mengubah state dengan menggunakan methode setState(). Stateful widget sangat mudah digunakan dan cocok untuk pemula. Jika apps yang kamu buat adalah apps yang cukup simple, maka gunakanlah stateful & stateless widget saja.

• Provider
  Provider menawarkan kemudahan untuk mengakses data di seluruh widget tree karena sebenarnya Provider adalah wrapper InheritedWidget. Package ini banyak digunakan dan menjadi salah satu package yang direkomendasikan oleh Flutter Team. Contoh penggunaan state management provider tersedia di official dokumentasi flutter disini.

• Riverpod
  Riverpod adalah next level state management dari Provider karena dikembangkan oleh developer yang sama. Package ini memiliki fitur unggulan compile safe dimana kita tidak akan menemukan error ProviderNotFoundException atau lupa meng-handle state loading.

• GetX
  Get / GetX adalah Package yang menawarkan state management serta kemudahan dalam route management dan dependency injection. GetX membuat proses development menjadi lebih simple karena memiliki banyak fitur seperti navigasi, penyimpanan data, menampilkan snackbar dan masih banyak lagi. Jika kamu dan team mencari package yang bisa melakukan banyak hal, package ini pasti cocok banget.

• Bloc
  Bloc / Business Logic of Component cukup populer di kalangan flutter developer. Pasalnya package yang memiliki slogan a predictable state management library for Dart memberikan kemudahan kepada developer dalam me-maintain code base flutternya. Ditambah dengan dokumentasi yang sangat lengkap beserta sample codenya menjadikan source code memiliki arsitektur yang cukup rapi.

Dari semua package yang kita bahas sejujurnya tidak ada yang terbaik. State management terbaik adalah state management yang nyaman kita gunakan, yang bisa menghemat banyak waktu serta mempercepat proses development. Jika ada yang bilang kalau state management A atau B adalah state management terbaik maka bisa dipastikan kalau pernyataan itu hanyalah opini / pendapat pribadi dan cukup berikan seyuman kecil saja, hehe. Kita sendiri yang harus mencoba dan menentukan mana state management yang paling cocok untuk diri kita. sekian.