import 'package:flutter/material.dart';

class UserProfile3 extends StatefulWidget {
  const UserProfile3({Key? key}) : super(key: key);

  @override
  State<UserProfile3> createState() => _UserProfile3State();
}

class _UserProfile3State extends State<UserProfile3> {
  @override
  Widget build(BuildContext context) {
    Size screenSize=MediaQuery.of(context).size;
    Color myColor= Colors.deepPurple.shade900;
    return Scaffold(
        body: SafeArea(
          child: SingleChildScrollView(
            child: Stack(
              children: [
                Container(
                  height: screenSize.height*.3,
                  width: screenSize.width,
                  decoration: const BoxDecoration(
                    image: DecorationImage(
                      image: AssetImage('assets/background.jpg',),fit: BoxFit.cover
                    )
                  ),
                ),
                Padding(
                  padding:  EdgeInsets.only(top: screenSize.height*.22,left: 10,right: 10),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Row(
                        children: [
                          Container(
                            height: screenSize.height*.18,
                            width: screenSize.height*.18,
                            decoration: BoxDecoration(image:  DecorationImage(
                              image: AssetImage('assets/user.jpg'),),
                            borderRadius: BorderRadius.circular(100),
                              border: Border.all(width: 4,color: Colors.white)

                            ),
                          ),
                          SizedBox(width: 10,),
                           Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              SizedBox(height: screenSize.height*.05,),
                              Text('John Doe',style: TextStyle(fontSize: 30,color: myColor)),
                              Text('Senior Developer',style: TextStyle(fontSize: 20,color: myColor),),

                            ],
                          ),

                        ],
                      ),
                      Divider(height:20,color: myColor,),
                       Padding(
                        padding: EdgeInsets.only(left: 14.0,bottom: 5),
                        child: Column(
                          children: [
                            Text('About',style: TextStyle(fontSize: 25,color: myColor),),
                            SizedBox(height: 10,),
                            Text(style: TextStyle(
                              color: myColor,fontSize: 16
                            ),"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,")
                          ],
                        ),
                      ),
                      ListTile(
                        leading: Icon(Icons.email,color: myColor,),
                        title: Text('xyz@xyz.com',style: TextStyle(fontSize: 20,color: myColor),),
                      ),
                      ListTile(
                        leading: Icon(Icons.phone,color: myColor,),
                        title: Text('+11111111111',style: TextStyle(fontSize: 20,color: myColor),),
                      ),
                      ListTile(
                        leading: Icon(Icons.language,color: myColor,),
                        title: Text('flutteralive.com',style: TextStyle(fontSize: 20,color: myColor),),
                      ),


                    ],
                  ),
                )
              ],
            ),
          ),
        ),
    );
  }
}