header Instagram flutter design

 Container(

        padding: const EdgeInsets.symmetric(

          vertical: 10.0,

          horizontal: 15.0,

        ),

        child: Column(

          crossAxisAlignment: CrossAxisAlignment.start,

          children: <Widget>[

            Row(

              children: <Widget>[

                ClipOval(

                  child: Image(

                    fit: BoxFit.cover,

                    width: 90.0,

                    height: 90.0,

                    image: AssetImage('assets/images/no_photo_available.png'),

                  ),

                ),

                SizedBox(

                  width: 15.0,

                ),

                Expanded(

                  child: Container(

                    height: 90.0,

                    child: Row(

                      crossAxisAlignment: CrossAxisAlignment.start,

                      children: <Widget>[

                        Column(

                          children: <Widget>[

                            Text(

                              '10',

                              style: TextStyle(

                                fontSize: 14,

                                color: Colors.black54,

                              ),

                            ),

                            Text('Posts'),

                          ],

                        ),

                        Spacer(),

                        Column(

                          children: <Widget>[

                            Text(

                              '10K',

                              style: TextStyle(

                                fontSize: 14,

                                color: Colors.black54,

                              ),

                            ),

                            Text('Followers'),

                          ],

                        ),

                        Spacer(),

                        Column(

                          children: <Widget>[

                            Text(

                              '105',

                              style: TextStyle(

                                fontSize: 14,

                                color: Colors.black54,

                              ),

                            ),

                            Text('Following'),

                          ],

                        ),



                      ],

                    ),

                  ),

                ),


              ],

            ),

            Row(

              children: <Widget>[

                  Container(

                    padding: EdgeInsets.symmetric(vertical: 20),

                    child: Text('Him Khy',style: TextStyle(fontSize: 16,fontWeight: FontWeight.w700),),

                  ),

              ],

            ),

            Row(

              crossAxisAlignment: CrossAxisAlignment.center,

              mainAxisAlignment: MainAxisAlignment.center,

              children: <Widget>[

                Container(

                  width: 200,

                  decoration: BoxDecoration(

                    borderRadius: BorderRadius.circular(20),

                    color: Colors.blueGrey,

                  ),

                  padding: EdgeInsets.symmetric(horizontal: 40,vertical: 10),

                  child: InkWell(

                    onTap: (){},

                    child: Text('Edit Profile',textAlign: TextAlign.center, style: TextStyle(fontWeight: FontWeight.normal,fontSize: 14,color: Colors.white),),

                  ),

                )

              ],

            ),

          ],

        ),

      )

Comments