Qries

Subscribe Us

Advertisement

Drawer Navigation

Teligram UI|Drawer Navigation:


Video:


Code:

import 'dart:ui';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHome(),
    );
  }
}

class MyHome extends StatefulWidget {
  @override  _MyHomeState createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {
  @override  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Drawer Navigation'),
        actions: <Widget>[
          IconButton(icon: Icon(Icons.search, color: Colors.white), onPressed: null)
        ],
        backgroundColor: Colors.blue,

      ),
      body: Container(
        padding: EdgeInsets.only(top: 4.0),
        height: 80,
        color: Colors.grey.shade100,
        child: Column(
          children: <Widget>[
        ListTile(
        title: Text("Saved Messages",
        style: TextStyle(
          fontSize: 22.0,
        ),
        ),
        subtitle: Text("New post on Flutter"),
        leading: Row(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Container(
              child: CircleAvatar(
              radius: 36.0,
                child:Icon(Icons.bookmark_border, color: Colors.white, size: 37.0,),
              backgroundColor: Colors.blue.shade300,
            ),
            ),
          ],
        ),
      )
      ],
        ),
      ),
      drawer: Drawer(
        child: ListView(
          children: <Widget>[
            UserAccountsDrawerHeader(
              accountName: Text("Maherban husen tech",
              style: TextStyle(
                fontSize: 21              ),
              ),
              accountEmail: Text("+91 001112223"),
               otherAccountsPictures: <Widget>[
                 Icon(Icons.brightness_3, color: Colors.white),
               ],
              currentAccountPicture: CircleAvatar(
                backgroundImage: AssetImage("images/logo.jpg"),
              ),
            ),
            ListTile(
              leading: Icon(Icons.group),
              title: Text("New Group"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.lock_outline),
              title: Text("New Secret Chat"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.create_new_folder),
              title: Text("New Channel"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.person_outline),
              title: Text("Contacts"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.call),
              title: Text("Calls"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.bookmark_border),
              title: Text("Saved Message"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.settings),
              title: Text("Settings"),
              onTap: () {},
            ),
            Divider(
              height: 18,
              color: Colors.black45,
            ),
            ListTile(
              leading: Icon(Icons.person_add),
              title: Text("Invite Friends"),
              onTap: () {},
            ),
            ListTile(
              leading: Icon(Icons.help_outline),
              title: Text("Telegram FAQ"),
              onTap: () {},
            ),
            ////  ],
        ),
      ),
    );
  }
}

Post a Comment

0 Comments