Hello everyone 🤓 The sixth part of our Flutter roadmap topics. Widgets😍 Let’s learn together.
One of the first concepts that you encounter in Flutter is Flutter widgets. Whenever you are going to code for building anything in Flutter, it will be inside a widget. The central purpose is to build the app out of widgets. It describes how your app view should look like with their current configuration and state. When you made any alteration in the code, the widget can determine the minimal changes for rendering in the UI of the app. So now, we would like to show you the different types of Flutter widgets and how to create a widget.
Favorite Widget
- Text Widget: Probably every single app that you make will have text, so the Text widget is definitely ona that we need to look at
- Button Widget: Buttons are another common need and Flutter has several types of button widgets. Although we are not doing anything in response to the button click in this tutorial, you can see in the code below where yo could do something.
- TextField Widget: For accepting user text input you use a textfield widgets. Now that you already have experience with the widgets above, this one is simple.
- ListView Widget: The most common way to display lots of data is with a listView.
- Image: The picture show. It can be retrieved from assets or network.
Conclusion
Widgets are the basic building blocks of Flutter apps. You can think of them like blue prints for telling Flutter how you want the UI to look. In this lesson we looked at some of the most common structural widgets. You can see that making these widgets wasn’t that hard when you take small steps one at a time. Everything i did here you can continue to do using the documantation. Find the widget that you want to study in the widget catalog cut and paste a minimal example and then start playing around with it.
