#3 Flutter appBar

appBar:
 appBar: AppBar(
 backgroundColor: Color.fromARGB(255, 76, 141, 95),
 title: Text("Home"),
 actions: [
  Row(
    children: [
    Stack(
      children: [
      Container(
    child: Text(
    "8",
    style: TextStyle(color: Color.fromARGB(255, 0, 0, 0)),
    ),
    padding: EdgeInsets.all(5),
    decoration: BoxDecoration(
    color: Color.fromARGB(211, 164, 255, 193),
    shape: BoxShape.circle)),
  
 IconButton(
 onPressed: () { },
 icon: Icon(Icons.add_shopping_cart)),
 ],
 ),
 Padding(
 padding: const EdgeInsets.only(right: 12),
 child: Text("\$ 128"),
 )
 ],
 )
 ],
 ),

Download files

#3.1 Flutter Drawer

drawer:
 drawer: Drawer(
 child: Column(
 mainAxisAlignment: MainAxisAlignment.spaceBetween,
 children: [
  
 Column(
 children: [
 UserAccountsDrawerHeader(
 decoration: BoxDecoration(
 image: DecorationImage(
 image: AssetImage("assets/img/test.jpg"),
 fit: BoxFit.cover),
 ),
 accountName: Text("ali Hassan",
 style: TextStyle(
 color: Color.fromARGB(255, 255, 255, 255),
 )),
 accountEmail: Text("ali@yahoo.com"),
 currentAccountPictureSize: Size.square(99),
 currentAccountPicture: CircleAvatar(
 radius: 55,
 backgroundImage: AssetImage("assets/img/ali.jpg")),
 ),
  
 ListTile(
   title: Text("Home"),
   leading: Icon(Icons.home),
   onTap: () { }
 ),
  
 ListTile(
   title: Text("My products"),
   leading: Icon(Icons.add_shopping_cart),
   onTap: () { }
 ),

 ListTile(
   title: Text("About"),
   leading: Icon(Icons.help_center),
   onTap: () { }
 ),

 ListTile(
   title: Text("Logout"),
   leading: Icon(Icons.exit_to_app),
   onTap: () { }
 ),
  
 ],
 ),
  
 Container(
   margin: EdgeInsets.only(bottom: 12),
   child: Text("Developed by Ali Hassan © 2024",
 style: TextStyle(fontSize: 16)),
 )
   ],
   ),
 ),

Download files

😡
انت مشغل الـ AdBlock !!

ياريت تقفله لوسمحت 😊 😊

تنبيه هام ✋

إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك