Qries

Subscribe Us

Advertisement

Profile UI

 Profile UI|Card UI Design:


Video:


Code:

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(

      backgroundColor: Colors.grey.shade300,
      body: SingleChildScrollView(
        child: Stack(
          children: <Widget>[
            SizedBox(

              height: 250,
              width: double.infinity,
              child: Image.asset("images/banner.jpg", fit: BoxFit.cover,),
            ),
            Container(
              margin: EdgeInsets.fromLTRB(16.0, 200.0, 16.0, 16.0),
              child: Column(
                children: <Widget>[
                  Stack(
                    children: <Widget>[
                      Container(
                        padding: EdgeInsets.all(16.0),
                        margin: EdgeInsets.only(top: 16.0),
                        decoration: BoxDecoration(
                            color: Colors.deepOrange,
                            borderRadius: BorderRadius.circular(5.0)
                        ),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: <Widget>[
                            Container(
                              margin: EdgeInsets.only(left: 96.0),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: <Widget>[
                                  Text("Maherban husen tech",
                                  style: TextStyle(
                                    color: Colors.white,
                                    fontSize: 26.0,
                                  ),
                                  ),
                                  ListTile(
                                    contentPadding: EdgeInsets.all(0),
                                    title: Text("INDIA",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 17.0,
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                            SizedBox(height: 10.0),
                            Row(
                              children: <Widget>[
                                Expanded(child: Column(
                                  children: <Widget>[
                                    Text("1000",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    ),
                                    Text("Likes",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    ),
                                  ],
                                ),),
                                Expanded(child: Column(
                                  children: <Widget>[
                                    Text("400",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    ),
                                    Text("Comments",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    )
                                  ],
                                ),),
                                Expanded(child: Column(
                                  children: <Widget>[
                                    Text("650",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    ),
                                    Text("Favourites",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 20.0,
                                      ),
                                    ),
                                  ],
                                ),),
                              ],
                            ),
                          ],
                        ),
                      ),
                      Container(
                        height: 85,
                        width: 85,
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(17.0),
                            image: DecorationImage(
                                image: AssetImage("images/logo.jpg"),
                                fit: BoxFit.cover),
                        ),
                        margin: EdgeInsets.only(left: 17.0),
                      ),
                    ],
                  ),

                  SizedBox(height: 20.0),
                  Container(
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(5.0),
                    ),
                    child: Column(
                      children: <Widget>[
                        ListTile(title:
                        Text("User information",
                        style: TextStyle(
                          fontSize: 24.0,
                        ),
                        ),
                        ),
                        Divider(),
                        ListTile(
                          title: Text("Email"),
                          subtitle: Text("sunasaramaherbanhusen@gmail.com"),
                          leading: Icon(Icons.email, color: Colors.red,),

                        ),
                        ListTile(
                          title: Text("Phone"),
                          subtitle: Text("+91-0011223344"),
                          leading: Icon(Icons.phone, color: Colors.green,),
                        ),
                        ListTile(
                          title: Text("YouTube"),
                          subtitle: Text("https://www.youtube.com/channel/UCEgyADO_KZ0awODz_Sc-SRQ"),
                          leading: Icon(Icons.link, color: Colors.deepPurple),
                        ),
                        ListTile(
                          title: Text("About"),
                          subtitle: Text("We will tell you Flutter, Dart, Widget, UI, Animation etc in nthis channel."),
                          leading: Icon(Icons.person, color: Colors.blue),
                        ),
                        ListTile(
                          title: Text("Joined Date"),
                          subtitle: Text("15 February 2019"),
                          leading: Icon(Icons.calendar_view_day, color: Colors.pink),
                        ),
                      ],
                    ),
                  )
                ],
              ),
            ),
            AppBar(
              backgroundColor: Colors.transparent,
              elevation: 0,
            )
          ],
        ),
      ),


    );
  }
}




Post a Comment

0 Comments