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, ) ], ), ), ); } }
0 Comments