Profile APP
Profile App provides basic personal information about a person.
Coding Example (Flutter)
import 'package:flutter/material.dart';
void main(List<String> args) {
runApp(MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
backgroundColor: const Color.fromARGB(255, 164, 69, 69),
body: Padding(
padding: const EdgeInsets.all(100.0),
child: Center(
child: Column(
children: [
Image.network(
"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQDKFmIAeGGdc5Sudv7nTDy6S1_fhcJ8lvlHw&usqp=CAU",
height: 100,
width: 100,
),
const SizedBox(
height: 20,
),
const Text(
"Muhammad Arsalan",
style:
TextStyle(fontWeight: FontWeight.bold, color: Colors.red),
),
const Text(
"Professor of Mathematics",
style: TextStyle(fontSize: 10, color: Colors.grey),
),
const SizedBox(
height: 10,
),
const Divider(
color: Colors.red,
thickness: 3,
),
const SizedBox(
height: 10,
),
Container(
padding: const EdgeInsets.only(left: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
// color: Colors.white,
),
),
child: const Row(
children: [
Icon(
Icons.mail,
color: Colors.red,
),
SizedBox(
width: 5,
),
Text("arsalan22@gmail.com",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
)),
],
)),
const SizedBox(
height: 20,
),
Container(
padding: const EdgeInsets.only(left: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
// color: Colors.white,
),
),
child: const Row(
children: [
Icon(
Icons.call,
color: Colors.red,
),
SizedBox(
width: 5,
),
Text("0311-7687654",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
)),
],
)),
const SizedBox(
height: 20,
),
Container(
padding: const EdgeInsets.only(left: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
// color: Colors.white,
),
),
child: const Row(
children: [
Icon(
Icons.home,
color: Colors.red,
),
SizedBox(
width: 5,
),
Text("Swabi",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
)),
],
)),
const SizedBox(
height: 20,
),
Container(
padding: const EdgeInsets.only(left: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
// color: Colors.white,
),
),
child: const Row(
children: [
Icon(
Icons.logout,
color: Colors.red,
),
SizedBox(
width: 5,
),
Text("Logout",
style: TextStyle(
color: Colors.grey,
fontWeight: FontWeight.bold,
)),
],
)),
const SizedBox(
height: 40,
),
Row(
children: [
Container(
height: 30,
width: 200,
decoration: BoxDecoration(
color: Colors.amber,
borderRadius: BorderRadius.circular(15),
),
child: const Padding(
padding: EdgeInsets.only(left: 30),
child: Row(
children: [
Center(child: Icon(Icons.edit)),
SizedBox(
width: 10,
),
Center(
child: Text(
"Edit Profile",
style: TextStyle(fontWeight: FontWeight.bold),
),
)
],
),
))
],
)
],
),
),
)),
));
}
No comments:
Post a Comment