Check Mobile App
Read now

Widgets In Flutter

Save

Each element on the screen of the Flutter app is a widget. Widgets in flutter help us to create the view with the given their configuration and state.

In flutter to rebuild the widgets, we need to set the state.

Set state function rebuilds the whole Widgets in the controller.

But set state makes the application slow. And widgets follow the tree structure to design the view.

Basic Widgets

Text->

Text widgets work as labels. we are using a text widget for labeling.

Row/Column->

The row is used for creating the view in the horizontal direction.

The column is used for creating the view in the vertical direction.

So both make the easy to create the view in the horizontal and vertical directions.

Container->

The container is used to create the rectangular view.

And containers have a property to decorate the box.

So the help of a container we can set the margin and padding of view.

Because containers have color property we can set the background color of the view.

Types of widgets

There are two types of widgets in a flutter.

1-> Stateless widgets

stateless widget never changes. IconIconButton, and Text are examples of stateless widgets.

2-> Stateful widgets

A stateful widget is dynamic: for example, it can change its appearance in response to events triggered by user interactions or when it receives data. CheckboxRadioSliderInkWellForm, and TextField are examples of stateful widgets. Stateful widgets subclass StatefulWidget.

And thanks for reading this blog, for detail info please click here

For more blogs please click here.

So pls follow the above step and And if you have any issue or suggestion you can leave your message in the comment section I will try to solve this.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

Big thanks to Webkul and his team for helping get Opencart 3.0.3.7 release ready!

Deniel Kerr

Owner and Founder. Opencart

Talk to Sales
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home