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,
                          child: CircleAvatar(
                            backgroundColor: Colors.blue.shade900,
                            minRadius: 55,
                          ),
                        ),
                        CircleAvatar(
                          child: Icon(Icons.message),
                          minRadius: 35.0,
                          backgroundColor: Colors.blue.shade900,
                        )
                      ],
                    ),
                    SizedBox(height: 20),
                    Text('RIYA PATEL',
                        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 am a Flutter Enthusiast and core team member at Developer Student Club, CHARUSAT. I have been mentor at GirlScript Education Outreach program and I am enthusiastic about developer communities around!'),
                
                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
            ),
            
          ],
        )),
    );
  }
}