Mengganti warna hint textfield pada flutter

Hi, Kali ini saya akan membagikan cara menganti warna hint pada textfield selain itu kalian juga bisa menganti warna yang lainnya karena kita disini akan menggunakan ThemeData. ThemeData disini merupakan bawaan default dari MaterialApp sehingga kita bisa menganti apa pun mengunakan ini. Dengan menggunakan ThemeData kita bisa mengganti keseluran dari tampilan applikasi sehingga mempermudah kita dalam maintenace kedepannya karena kita hanya menganti dalam themedata nya saja.

Kalian bisa lihat seperti berikut contoh dari penerapan themedata. Dimana kita disini menggunakan inputDecorationTheme dimana jika menggunakan widget ini kita bisa dengan mudah mengganti decoration dari parent widgetnya sehingga semua textfield yang mana jika menggunakan hint akan langsung berwarna grey menggikuti dari warna yang kita terapkan pada themedata. Jika kalian ingin mengganti salah satu widget tidak mengikuti dari themedata kalian bisa mengunakan hintStyle yang ada dalam widget nya sendiri untuk menganti style dari textfield tersebut.

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
          primaryColor: Colors.white,
          inputDecorationTheme: const InputDecorationTheme(
            labelStyle: TextStyle(color: Colors.black),
            hintStyle: TextStyle(color: Colors.grey),
          )),
      home: MainScreen(),
    );
  }

Oke sekian dulu semoga tutorial ini bisa membantu kalian semua. Salam Panen Kode.