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

Pagination with Bloc Pattern in Flutter

Pagination First Practical in Flutter

ExpansionPanel with ExpansionPanelList with Complete Collapse Operation in Flutter