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