animated_hidden_drawer 0.0.3 copy "animated_hidden_drawer: ^0.0.3" to clipboard
animated_hidden_drawer: ^0.0.3 copied to clipboard

The flutter plugin Used to build attractive UI by using animated hidden drawer. Add Items with gesture detections to provide navigation among screens, kindly check the example.

example/lib/main.dart

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // Platform messages are asynchronous, so we initialize in an async method.
  /// For screen navigation using this plugin, there is an awesome way.
  /// that's --> step 1. create a widget with startup page.
  Widget selectedWidget = Container(
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(80)),
      height: 665,
      width: 1000,
      child: Center(
        child: Text("hello, this is my first plugin"),
      ));
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: HiddenDrawer(
        duration: Duration(milliseconds: 500),
        items: [
          /// step 2. Create gesture detectors of items
          GestureDetector(
            child: Row(
              children: [
                Icon(
                  Icons.home,
                  color: Color(0xff6b705c),
                  size: 35,
                ),
                Text(
                  " Home",
                  style: TextStyle(
                      color: Color(0xff6b705c),
                      fontWeight: FontWeight.bold,
                      fontSize: 25),
                ),
              ],
            ),
            onTap: () {
              /// step 3. on pressed the item , update the widget.
              setState(() {
                selectedWidget = Container(
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(80),
                        color: Color(0xffffe8d6)),
                    height: 979,
                    width: 1000,
                    child: Center(
                      child: Column(
                        children: [
                          Image.asset("assets/home.png"),
                          SizedBox(
                            height: 20,
                          ),
                          Text(
                            "W E L C O M E",
                            style: TextStyle(
                                color: Color(0xff6b705c),
                                fontSize: 30,
                                fontWeight: FontWeight.bold),
                          )
                        ],
                      ),
                    ));
              });
            },
          ),
          GestureDetector(
            child: Row(
              children: [
                Icon(
                  Icons.info,
                  color: Color(0xff6b705c),
                  size: 35,
                ),
                Text(
                  " About",
                  style: TextStyle(
                      color: Color(0xff6b705c),
                      fontWeight: FontWeight.bold,
                      fontSize: 25),
                ),
              ],
            ),
            onTap: () {
              setState(() {
                selectedWidget = Container(
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(80),
                        color: Color(0xffffe8d6)),
                    height: 979,
                    width: 1000,
                    child: Center(
                      child: Column(
                        children: [
                          Image.asset("assets/about us.png"),
                          SizedBox(
                            height: 20,
                          ),
                          Text(
                            "Github : krish-dev-7\n"
                            "Instagram: krish_krush",
                            style: TextStyle(
                                color: Color(0xff6b705c),
                                fontSize: 30,
                                fontWeight: FontWeight.bold),
                          )
                        ],
                      ),
                    ));
              });
            },
          ),
        ],
        child: selectedWidget,
        backgroundColor: Color(0xffffe8d6),
        drawerBackgroundColor: Color(0xffb7b7a4),
        borderRadius: 80,
        header: Container(
          /// This highly Customisable widget is used
          /// as a header for our attractive drawer
          height: 250,
          width: 1000,
          color: Color(0xff6b705c),
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                CircleAvatar(
                  backgroundColor: Color(0xffffe8d6),
                  radius: 40,
                  child: Icon(
                    Icons.account_circle,
                    color: Color(0xff6b705c),
                    size: 80,
                  ),
                ),
                Text(
                  "krishna",
                  style: TextStyle(
                      color: Color(0xffffe8d6),
                      fontSize: 30,
                      fontWeight: FontWeight.bold),
                )
              ],
            ),
          ),
        ),
        x: 250,
        y: 200,
        scale: 0.7,
      )),
    );
  }
}
5
likes
35
pub points
0%
popularity

Publisher

unverified uploader

The flutter plugin Used to build attractive UI by using animated hidden drawer. Add Items with gesture detections to provide navigation among screens, kindly check the example.

Repository (GitHub)
View/report issues

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on animated_hidden_drawer