Find the Best Cosmetic Hospitals

Explore trusted cosmetic hospitals and make a confident choice for your transformation.

“Invest in yourself — your confidence is always worth it.”

Explore Cosmetic Hospitals

Start your journey today — compare options in one place.

How To Make Profile App in Flutter.

In this blog, i’ll show you all how to make a Profile App in Flutter.

Just Follow the below Steps :-

I’m assuming that you have already created a flutter project.

Step 1 :- First of all, make a dart file named app.dart in which we create a Stateless Widget named App and import the material.dart Package.

Step 2 :- Now, go to main.dart and import App Package. After that call App() Widget in runApp() under main() method. See the code Below :-

Step 3 :- Now in App.dart , Return MaterialApp() in which we call theme Widget in which we call appBarTheme() in which we return AppBar Color.

Step 4 :- Now, call home Widget in which Scaffold is called. In Scaffold, Call appBar Widget, in which text Widget is passed as Title. See the below image of app.dart :-

Step 5 :- Now we add image in our profile app, so make a directory named images and put all images in the directory. After that go to pubspec.yaml file where we load the assets in which we load the file. See below :-

We can load images by two methods :-
1. By Loading images directory :– by Loading images directory all images will load which are available in directory.
2. By Loading Specific image :– we can load a Specific image which we want to load, no other images will be loaded.

See the below image to see how to load images from pubspec.yaml file :-

Step 6 :- Now we call body in Scaffold , in column we call Children Widget in which we call Circle Avatar, in which we provide radius 80 and our image file as background image. See the below image :-

Step 7 :- Now we add Title and Sub-Title of ListTile with Style. See the below image :-

Step 8 :- Now, we make two buttons in Row(). See the below image :-

Step 8 :- Now we will add another ListTile for About me Section with Style. See the below image :-

Thats All.

See my App.dart file to not get any error and confusion :-

Now Run the App

See Output Below

Find Trusted Cardiac Hospitals

Compare heart hospitals by city and services — all in one place.

Explore Hospitals
With MotoShare.in, you can book a bike instantly, enjoy doorstep delivery, and ride without worries. Perfect for travelers, professionals, and adventure enthusiasts looking for a seamless mobility solution.

Related Posts

What is Flutter and use cases of Flutter?

What is Flutter? Flutter is an open-source UI software development toolkit developed by Google. It is applied for building natively compiled applications for mobile, web, and desktop…

Read More

[Solved] Flutter : Error: The getter ‘subhead’ isn’t defined for the class ‘TextTheme’ from package:flutter/src/material/text_theme.dart’ – searchable_dropdown

ERROR SOLUTION There are Two Solutions for this error Use Alternative Package Do some changes in .pub-cache Use Alternative Package I switched from searchable_dropdown to search_choices and…

Read More

[SOLVED] Flutter Error: The getter ‘body1’ isn’t defined for the class ‘TextTheme’ – place_picker.

Error SOLUTION Here is what I found on StackOverflow Source (Stackoverflow):- https://stackoverflow.com/questions/69312392/how-to-resolve-error-the-getter-body1-isnt-defined-for-the-class-texttheme To fix this issue you have to make some changes to Two files C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/place_picker-0.9.19-nullsafety/lib/widgets/rich_suggestion.dart 2….

Read More

Flutter : Open for editing in android studio not showing.

Problem Solution This is more of a git issue. When you committed your PR is the iml file in your repository? After you cloned the project did…

Read More

[SOLVED] Flutter: Not showing “Open for editing in Android Studio”

The problem is caused by missing .iml project files. These files are added automatically to the .gitignore file but they should not. To fix it: Delete .idea folder. Create a new temporary Flutter…

Read More