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 :-
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
- What is On-Page Optimization and Off-page Optimization - March 14, 2024
- [SOLVED] Flutter : PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null) - December 7, 2021
- [Solved] Flutter : Error: The getter ‘subhead’ isn’t defined for the class ‘TextTheme’ from package:flutter/src/material/text_theme.dart’ – searchable_dropdown - December 6, 2021