Third session for flutter in Roqay

whatsapp.dart

// ignore_for_file: prefer_const_constructors
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    debugShowCheckedModeBanner: false,
    home: DefaultTabController(
      length: 4,
      initialIndex: 1,
      child: Scaffold(
        appBar: AppBar(
          backgroundColor: Color(0xff006559),
          title: Text("Whatsapp"),
          actions: [
            IconButton(onPressed: () {}, icon: Icon(Icons.search)),
            IconButton(onPressed: () {}, icon: Icon(Icons.more_vert)),
          ],
          bottom: TabBar(
            indicator: UnderlineTabIndicator(
                borderSide: BorderSide(width: 3.0, color: Colors.white)),
            tabs: const [
              Tab(icon: Icon(Icons.camera_alt)),
              Tab(text: "CHATS"),
              Tab(text: "STATUS"),
              Tab(text: "CALLS"),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          backgroundColor: Color(0xff006559),
          child: Icon(Icons.message),
        ),
        body: TabBarView(
          children: [
            Icon(Icons.camera_alt),
            ListView(
              children: [
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
                ListTile(
                  leading: CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.red,
                    backgroundImage: AssetImage("images/talion.jpg"),
                  ),
                  title: Text("Talion"),
                  subtitle: Text("Middle earth shadow of war"),
                  trailing: Icon(Icons.more_vert),
                  onTap: () {},
                ),
              ],
            ),
            Icon(Icons.signal_wifi_statusbar_4_bar),
            Icon(Icons.call),
          ],
        ),
      ),
    ),
  ));
}