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: () {}, ), //// ], ), ), ); } }
0 Comments