mirrored_repositories/TravelersSociaApp-UiKit/lib
import 'package:flutter/material.dart';
import 'package:iconsax/iconsax.dart';
import 'package:ionicons/ionicons.dart';

class MyProfile extends StatefulWidget {
  @override
  _MyProfileState createState() => _MyProfileState();
}

class _MyProfileState extends State<MyProfile> {
  @override
  Widget build(BuildContext context) {
    return ListView(
      scrollDirection: Axis.vertical,
      children: [
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 25),
          child: Container(
            height: 240,
            // color: Colors.green,
            child: Stack(
              children: [
                Container(
                  height: 150,
                  width: MediaQuery.of(context).size.width - 40,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(5),
                    image: DecorationImage(
                      image: AssetImage('assets/images/saved/saved1.jpg'),
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
                Positioned(
                  top: 120,
                  left: MediaQuery.of(context).size.width / 2.8,
                  child: Container(
                    decoration: BoxDecoration(
                      color: Colors.white,
                      shape: BoxShape.circle,
                      border: Border.all(
                        color: Colors.transparent,
                      ),
                      boxShadow: [
                        BoxShadow(
                          color: Colors.grey.withOpacity(0.3),
                          offset: new Offset(0.0, 0.0),
                          blurRadius: 2.0,
                          spreadRadius: 0.0,
                        ),
                      ],
                    ),
                    child: Padding(
                      padding: const EdgeInsets.all(1.0),
                      child: CircleAvatar(
                        radius: 35,
                        backgroundImage:
                            AssetImage('assets/images/story/cm1.jpeg'),
                      ),
                    ),
                  ),
                ),
                Positioned(
                  top: //MediaQuery.of(context).size.height / 4.6,
                      155,
                  right: 10,
                  child: Container(
                    height: 30,
                    width: 30,
                    decoration: BoxDecoration(
                      color: Colors.grey[300],
                      shape: BoxShape.circle,
                    ),
                    child: Center(
                      child: Icon(
                        Iconsax.edit,
                        size: 15,
                        color: Colors.black,
                      ),
                    ),
                  ),
                ),
                Positioned(
                  top: //MediaQuery.of(context).size.height / 3.6,
                      195,
                  left: MediaQuery.of(context).size.width / 2.7,
                  child: Text(
                    'Charlotte',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      fontFamily: 'Ubuntu-Regular',
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ),
                Positioned(
                  top: //MediaQuery.of(context).size.height / 3.3,
                      215,
                  left: MediaQuery.of(context).size.width / 5,
                  child: Text(
                    'Adventure lover | Traveler | Artist',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      fontFamily: 'Ubuntu-Regular',
                      fontSize: 13,
                    ),
                  ),
                )
              ],
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 20.0, right: 10),
          child: ListTile(
            visualDensity: VisualDensity(vertical: -4),
            title: Text(
              'Email',
              style: TextStyle(
                fontSize: 18,
                fontFamily: 'Ubuntu-Regular',
                fontWeight: FontWeight.bold,
                // color: Colors.black54
              ),
            ),
            subtitle: Text(
              'charlotte@gmail.com',
              style: TextStyle(
                  // color: Colors.black,
                  fontFamily: 'Ubuntu-Regular',
                  fontWeight: FontWeight.bold),
            ),
            trailing: Icon(
              Ionicons.mail_outline,
              // color: Colors.black,
              size: 20,
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 20.0, right: 10.0),
          child: ListTile(
            title: Text(
              'Mobile Number',
              style: TextStyle(
                fontSize: 18,
                fontFamily: 'Ubuntu-Regular',
                fontWeight: FontWeight.bold,
                // color: Colors.black54
              ),
            ),
            subtitle: Text(
              '+229 663 962 47',
              style: TextStyle(
                  // color: Colors.black,
                  fontFamily: 'Ubuntu-Regular',
                  fontWeight: FontWeight.bold),
            ),
            trailing: Icon(
              Ionicons.call_outline,
              // color: Colors.black,
              size: 20,
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 20.0, right: 10),
          child: ListTile(
            title: Text(
              'D.O.B',
              style: TextStyle(
                fontSize: 18,
                fontFamily: 'Ubuntu-Regular',
                fontWeight: FontWeight.bold,
                // color: Colors.black54
              ),
            ),
            subtitle: Text(
              'Oct 20, 1999',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                // color: Colors.black,
                fontFamily: 'Ubuntu-Regular',
              ),
            ),
            trailing: Icon(
              Icons.cake,
              // color: Colors.black,
              size: 20,
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 20.0, right: 10),
          child: ListTile(
            title: Text(
              'Gender',
              style: TextStyle(
                fontSize: 18,
                fontFamily: 'Ubuntu-Regular',
                fontWeight: FontWeight.bold,
                // color: Colors.black54
              ),
            ),
            subtitle: Text(
              'Male',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontFamily: 'Ubuntu-Regular',
                // color: Colors.black,
              ),
            ),
            trailing: Icon(
              Iconsax.user,
              // color: Colors.black,
              size: 20,
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 20.0, right: 10.0),
          child: ListTile(
            title: Text(
              'Nationality',
              style: TextStyle(
                fontSize: 18,
                fontFamily: 'Ubuntu-Regular',
                fontWeight: FontWeight.bold,
                // color: Colors.black54
              ),
            ),
            subtitle: Text(
              'German',
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontFamily: 'Ubuntu-Regular',
                // color: Colors.black,
              ),
            ),
            trailing: Icon(
              Iconsax.flag,
              // color: Colors.black,
              size: 20,
            ),
          ),
        ),
      ],
    );
  }
}
