A proper Instagram ProfilePage UI Using Flutter

Mohit
1 min readAug 5, 2020

--

Source Code for this Project

It’s just a similar-looking UI to Instagram, there is no user functionality I have added here,

AppBar

Just use a text title for the app bar and you are good here

Profile Picture Widget

I have used a circle avatar here inside another circle avatar to give a white border to our final widget

User’s Post Followers Following

Here I have used an Expanded widget inside it I have added a Column>Row> and here I have added 3 widgets for 3 different parts of the page,

Username and Bio

Just use a text widget with properly given padding

Edit Profile Button

Use a container and a Text Widget as a child inside a center widget

Done✌

--

--

Mohit
Mohit

No responses yet