In this post, we’ll learn how to change/customize Flutter drawer icon color.
We’ll explain it step by step by using a proper Flutter code example. First, we’ll see what the default Flutter drawer icon color is and then we will change it by using a practical code implementation.
After reading this post, you’ll be able to easily change Flutter drawer icon color in your own Flutter code with ease.
So without any delay, let’s just jump right into it.
What is Flutter Drawer Icon Color?
It specifies the icon color of Flutter drawer widget. This icon appears in the left side of an appbar of Flutter app. Its used to show a Flutter drawer widget.
Let’s first see its default color and then we’ll learn how to give it a color of our choice.
Default Icon Color of Drawer
For that, we first have to define a simple Flutter drawer widget. See below code:
Scaffold( drawer:Drawer(), appBar:AppBar() )
Customize Flutter Drawer Icon Color (Easy Example)
In order to do that, we’ve to use the icon theme constructor of Flutter appbar widget. It takes an icon them data class, so we’ll pass it and by using its color constructor, we’ll change the icon color of Flutter drawer widget.
For demonstration, we’ll pass a red color to it and see if that changes the icon color of drawer to red or not. See below code:
Scaffold( drawer: Drawer(), appBar: AppBar( iconTheme: IconThemeData(color: Colors.red), ))
Custom Flutter Drawer Icon Color Source Code
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Homepage(),
);
}
}
class Homepage extends StatefulWidget {
@override
State<Homepage> createState() => _HomepageState();
}
class _HomepageState extends State<Homepage> {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
drawer: Drawer(),
appBar: AppBar(
iconTheme: IconThemeData(color: Colors.red),
)));
}
}Conclusion
To conclude this post, hope you now have a complete practical understanding of how to customize Flutter drawer icon color. I’ll be very happy to have your valuable feedback on this post.
I’d also highly encourage you to read my other posts as well. Thank you for reading it.
