Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

How To Create Your Own Widget In Flutter.

To Create your Own Widget in Flutter, Just Follow the Below Steps.

Step 1 :- First of all, create a new file in lib directory named home.dart (you can write any name but extension should be .dart). See the below image for help :-

own_widget_in_flutter

Step 2 :- Now, in home.dart file we first import flutter package library named material.dart and create a stateless widget named home and return Centre widget in which we take child as Text Widget, and in text widget lets pass a Welcome Message My Own Widget and also add Direction to our Text Widget otherwise it returns error. See the below code.

Step 3 :- Now, in main.dart file, import material.dart package library and home.dart package library which is created by us, and call our main method.

Step 4 :- Under main() we call runApp() in which we use our own Widget Home to perform operations. See the below code :-

Thats All. We are Ready to Run our Project.

To Run your Project There are Two Methods.

Method 1 :- Go to Terminal and write flutter run and run the command. See the ScreenShot Below.

Method 2 :- Click on Run and Debug option and click on Green Button to run the Project. See the Below image :-

See Output Below