Toolbar Design in Flutter App

 home: Scaffold(

  appBar: AppBar(
    title: const Text('AppBar with Actions'),
    automaticallyImplyLeading: true, // back enable karne ke liye
    centerTitle: true, // it will show on center
    elevation: 0, // Shadow completely removed
    scrolledUnderElevation: 10, //scroll karke kuchh bata rha hai
    backgroundColor: Colors.transparent, // AppBar completely transparent
    actionsIconTheme: const IconThemeData(
      color: Colors.white, // Icon ka rang white hoga
      size: 30, // Icon ka size 30 hoga
      opacity: 0.8, // Icon 80% transparent hoga
    ),
    leading: IconButton(
      icon: const Icon(Icons.menu), // Menu icon
      onPressed: () {
        print("Menu icon tapped");
      },
    ),
    actions: [
      IconButton(
        icon: const Icon(Icons.search), // Search icon
        onPressed: () {
          print("Search icon tapped");
        },
      ),
      IconButton(
        icon: const Icon(Icons.more_vert), // More icon
        onPressed: () {
          print("More options tapped");
        },
      ),
    ],
    flexibleSpace: Container(
      // Gradient background ke liye
      decoration: const BoxDecoration(
        gradient: LinearGradient(
          colors: [Colors.red, Colors.orange], // Gradient colors
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
        ),
        borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(20),
          bottomRight: Radius.circular(20),
        ), // AppBar ke corners round banane ke liye
      ),
    ),
  ),
  body: const Center(
    child: Text('Hello Roshan'),
  ),
),