Profile screen demo

main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Profile page'),
        ), //AppBar
        body: Column(
          children: <Widget>[
            Container(
                padding: EdgeInsets.all(15),
                //height: 200,
                color: Colors.blue,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: <Widget>[
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: <Widget>[
                        CircleAvatar(
                          child: Icon(Icons.call),
                          minRadius: 35.0,
                          backgroundColor: Colors.blue.shade900,
                        ),
                        CircleAvatar(
                          backgroundColor: Colors.blue.shade100,
                          minRadius: 65,
                        ),
                        CircleAvatar(
                          child: Icon(Icons.message),
                          minRadius: 35.0,
                          backgroundColor: Colors.blue.shade900,
                        )
                      ],
                    ),
                    SizedBox(height: 20),
                    Text('Sanni Prasad',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 36,
                        )),
                  ],
                )), //Container

            Padding(
              padding: EdgeInsets.all(20),
              child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget>[
                Text('Bio', style: TextStyle(color: Colors.blue, fontSize: 24)),
                Divider(
                  height: 15,
                  thickness: 2,
                  //color: Colors.black
                ),
                Text(
                    'I’m a Flutter Developer by profession and Organizer for the Flutter Ahmedabad Community. I have been in love with the idea of building cross-platform apps which can run  on mobile, web and desktop. Also, I like to meet and connect with passionate people in Community.'),
                
                ListTile(
                  leading: Icon(Icons.mail, color: Colors.blue),
                  title: Text('Email'),
                  subtitle: Text('[email protected]'),
                ),
                
                ListTile(
                  leading: Icon(Icons.message, color: Colors.blue),
                  title: Text('Twitter'),
                  subtitle: Text('@riyapatelJ'),
                ),
                
                ListTile(
                  leading: Icon(Icons.call, color: Colors.blue),
                  title: Text('Contact'),
                  subtitle: Text('+91 987643210'),
                ),                       
              ],
            ), //Column
            ),
            
          ],
        )),
    );
  }
}