Icon Widget

 import "package:flutter/material.dart";


void main() {
runApp(const MyApp());
}

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

@override
Widget build(BuildContext context) {
return MaterialApp(
title: "Hello",
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.teal,
),
home: const FlutterApp(),
);
}
}

class FlutterApp extends StatefulWidget {
const FlutterApp({super.key});

@override
State<FlutterApp> createState() {
return FlutterState();
}
}

class FlutterState extends State<FlutterApp> {
@override
Widget build(BuildContext context) {
return Scaffold(
endDrawer: const Drawer(),
drawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,
children: [
const UserAccountsDrawerHeader(
accountName: Text("Heer"),
accountEmail: Text("Heer@example.com"),
//currentAccountPicture: CircleAvatar(backgroundImage: AssetImage("assets/images/Flutter_Logo.png")),
currentAccountPicture:
CircleAvatar(child: Icon(Icons.account_circle, size: 75)),
//currentAccountPicture: FlutterLogo(),

decoration: BoxDecoration(
color: Colors.teal,
borderRadius: BorderRadius.vertical(
bottom: Radius.circular(15),
),

//borderRadius: BorderRadius.circular(11),
),
//child: Text("Drawer Header", style: TextStyle(color: Colors.white, fontSize: 24)),
),
ListTile(
leading: const Icon(Icons.message),
title: const Text("message"),
onTap: () {
Navigator.pop(context);
},
dense: false,
),
const Divider(thickness: 1, color: Colors.black),
ListTile(
leading: const Icon(Icons.account_circle),
title: const Text("Profile"),
onTap: () {
Navigator.pop(context);
},
),
const Divider(thickness: 1, color: Colors.black),
ListTile(
leading: const Icon(Icons.settings),
title: const Text("Settings"),
onTap: () {
Navigator.pop(context);
},
),
const Divider(thickness: 1, color: Colors.black),
ListTile(
leading: const Icon(Icons.help_outline),
title: const Text("Help & feedback"),
onTap: () {
Navigator.pop(context);
},
),
const Divider(thickness: 1, color: Colors.black),
ListTile(
leading: const Icon(Icons.restore_from_trash),
title: const Text("Trash"),
onTap: () {
Navigator.pop(
context); //OR can use "Navigator.of(context).pop();"
},
),
const Divider(thickness: 1, color: Colors.black),
ListTile(
leading: const Icon(Icons.info),
title: const Text("About app"),
onTap: () {
Navigator.of(context).pop();
},
),
],
),
),
appBar: AppBar(
title: const Text(
"Flutter Icon widgets",
style: TextStyle(fontWeight: FontWeight.bold),
),
centerTitle: true,
backgroundColor: Colors.grey,

// leading: Builder(
// builder: (BuildContext context) {
// return IconButton(
// icon: const Icon(
// Icons.remove_red_eye_sharp,
// color: Colors.red, // Change Custom Drawer Icon Color
// ),
// onPressed: () {
// Scaffold.of(context).openDrawer();
// },
// tooltip: MaterialLocalizations.of(context).openAppDrawerTooltip,
// );
// },
// ),
),
body: const Center(
child: Icon(
Icons.add_business_rounded,
size: 100,
color: Colors.pinkAccent,
),
), //To take icon, "Icons" class is used
);
}
}

Comments

Popular posts from this blog

Second GET API Calling with Bloc simple Example in Flutter

Stack Container Scrollable Card widget UI with Custom Widget

Pagination with Bloc Pattern in Flutter