Custom Menu In Flutter

User Interface:

Code:

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'Custom_Side_bar.dart';

void main() => runApp(
      MaterialApp(
        title: "Side_bar",
        debugShowCheckedModeBanner: false,
        home: Custom_Side_bar(),
      ),
    );

class Custom_Side_bar extends StatelessWidget {
  //const Custom_Side_bar({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;

    return Scaffold(
      body: Column(
        children: <Widget>[
          SizedBox(
            height: size.height * 0.75,
            child: Row(
              children: <Widget>[
                Expanded(
                  child: Column(
                    children: <Widget>[
                      Align(
                        alignment: Alignment.topLeft,
                        child: IconButton(
                          onPressed: () {},
                          icon: Icon(Icons.arrow_back),
                        ),
                      ),
                      Container(
                        margin:
                            EdgeInsets.symmetric(vertical: size.height * 0.03),
                        padding: EdgeInsets.all(20 / 2),
                        child: Icon(
                          Icons.add_shopping_cart,
                          color: Colors.pinkAccent,
                        ),
                        height: 62,
                        width: 62,
                        decoration: BoxDecoration(
                          color: Color(0xFF9F8FD),
                          borderRadius: BorderRadius.circular(6),
                          boxShadow: [
                            BoxShadow(
                              offset: Offset(0, 15),
                              blurRadius: 22,
                              color: Color(0xFF0C9869).withOpacity(0.22),
                            ),
                            BoxShadow(
                              offset: Offset(-15, 15),
                              blurRadius: 20,
                              color: Colors.white,
                            ),
                          ],
                        ),
                      ),
                      Container(
                        margin:
                            EdgeInsets.symmetric(vertical: size.height * 0.03),
                        padding: EdgeInsets.all(20 / 2),
                        child: Icon(
                          Icons.storefront,
                          color: Colors.pinkAccent,
                        ),
                        height: 62,
                        width: 62,
                        decoration: BoxDecoration(
                          color: Color(0xFF9F8FD),
                          borderRadius: BorderRadius.circular(6),
                          boxShadow: [
                            BoxShadow(
                              offset: Offset(0, 15),
                              blurRadius: 22,
                              color: Color(0xFF0C9869).withOpacity(0.22),
                            ),
                            BoxShadow(
                              offset: Offset(-15, 15),
                              blurRadius: 20,
                              color: Colors.white,
                            ),
                          ],
                        ),
                      ),
                      Container(
                        margin:
                            EdgeInsets.symmetric(vertical: size.height * 0.03),
                        padding: EdgeInsets.all(20 / 2),
                        child: Icon(
                          Icons.card_giftcard,
                          color: Colors.pinkAccent,
                        ),
                        height: 62,
                        width: 62,
                        decoration: BoxDecoration(
                          color: Color(0xFF9F8FD),
                          borderRadius: BorderRadius.circular(6),
                          boxShadow: [
                            BoxShadow(
                              offset: Offset(0, 15),
                              blurRadius: 22,
                              color: Color(0xFF0C9869).withOpacity(0.22),
                            ),
                            BoxShadow(
                              offset: Offset(-15, 15),
                              blurRadius: 20,
                              color: Colors.white,
                            ),
                          ],
                        ),
                      ),
                      Container(
                        margin:
                            EdgeInsets.symmetric(vertical: size.height * 0.03),
                        padding: EdgeInsets.all(20 / 2),
                        child: Icon(
                          Icons.campaign,
                          color: Colors.pinkAccent,
                        ),
                        height: 62,
                        width: 62,
                        decoration: BoxDecoration(
                          color: Color(0xFF9F8FD),
                          borderRadius: BorderRadius.circular(6),
                          boxShadow: [
                            BoxShadow(
                              offset: Offset(0, 15),
                              blurRadius: 22,
                              color: Color(0xFF0C9869).withOpacity(0.22),
                            ),
                            BoxShadow(
                              offset: Offset(-15, 15),
                              blurRadius: 20,
                              color: Colors.white,
                            ),
                          ],
                        ),
                      ),
                      Container(
                        margin:
                        EdgeInsets.symmetric(vertical: size.height * 0.03),
                        padding: EdgeInsets.all(20 / 2),
                        child: Icon(
                          Icons.description,
                          color: Colors.pinkAccent,
                        ),
                        height: 62,
                        width: 62,
                        decoration: BoxDecoration(
                          color: Color(0xFF9F8FD),
                          borderRadius: BorderRadius.circular(6),
                          boxShadow: [
                            BoxShadow(
                              offset: Offset(0, 15),
                              blurRadius: 22,
                              color: Color(0xFF0C9869).withOpacity(0.22),
                            ),
                            BoxShadow(
                              offset: Offset(-15, 15),
                              blurRadius: 20,
                              color: Colors.white,
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  height: size.height * 0.8,
                  width: size.width * 0.75,
                  decoration: BoxDecoration(
                      image: DecorationImage(
                        fit: BoxFit.cover,
                        alignment: Alignment.centerRight,
                        image: AssetImage('assets/product.jpg'),
                      ),
                      borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(63),
                        bottomLeft: Radius.circular(63),
                      ),
                      boxShadow: [
                        BoxShadow(
                          offset: Offset(0, 10),
                          blurRadius: 60,
                          color: Color(0xFF0C9869).withOpacity(0.29),
                        )
                      ]),
                )
              ],
            ),
          ),
        ],
      ),
    );
  }
}

Video

Contact Me
Facebook Profile: Asim Irshad Facebook
LinkedIn Profile: Asim Irshad Linked In
GitHub Link:https://github.com/AsimIrshad
Youtube Channel Link: Learn Flutter Now