[Tips][4] Mengganti Warna Icon pada AppBar Flutter

Hello, this is my website. Find all information about website design, website programming, HTML, CSS, Javascript, Jquery, Angular, Flutter, Plugin, Mockup, Mysql, Database, etc.

Tips & Trick



Saturday, 02 Nov 2019

Hello world,

Tips kali ini adalah tentang bagaimana mengganti warna Icon pada AppBar flutter. Kita bisa pakai dua cara, yaitu cara pertama adalah memberikan attribute color pada setiap icon. Contohnya dapat dilihat di sini. Atau cara kedua yaitu menambahkan iconTheme seperti contoh berikut:

iconTheme: IconThemeData(
color: Colors.red, //change your color here
),

Dengan code di atas maka seluruh icon pada AppBar akan berubah sesuai warna yang kita inginkan. Contoh lengkapnya sebagai berikut:

appBar: AppBar(
leading: IconButton(
icon: Icon(
Icons.arrow_back
),
onPressed: () {
Navigator.of(context).pop();
}
),
iconTheme: IconThemeData(
color: Colors.red, //change your color here
),
backgroundColor: Colors.blue,
title: Text("Appbar", style: TextStyle(color: Colors.white),),
),


Selamat mencoba :)