Categories
Flutter mobile app web application

Understand the basics of flutter in 10 minutes or less

There are 4 basic terminologies which are used in creation of the flutter application. They are as follows:-

  • Widgets
  • Gestures
  • Layout
  • State Management

Flutter – Widgets

Everything in the Flutter is a widget. The main purpose of the widget is to build the app in a nested form. We can describe it in tree form i.e. from starting to root everything is a widget. It may also tell us how the app may look according to the configuration we set for it.

If you make any changes in the code, the widget automatically reconstructs and ensures all the difference between the one and old version of the app just to determine the minimal change.

Flutter – Layouts

Flutter provides the way to create the layout of the app i.e. User Interface as by connecting more than one widget. It also ensures the layout functionality in the widget.

There are 2 types of Layout which make the app more attractive and time-saving for the user such as :

  • Single child layout
  • Multiple child layout

In the Single child layout, one child is connected to the parent widget. It provides many single child widgets to connect their parent widgets so that they may result in an attractive app. It saves time and makes the code may more readable.

In the Multiple child Layout, it contains one widget or more than one widget connected to the parent. They are unique in their way.

Flutter – Gestures

Gestures are a physical control or movement of the device by the user. Its main purpose is to interact with the user with a mobile app or any touch-based device. For E.g. To unlock the mobile lock, we slide the finger across the screen.

There are 2 types of gestures system :

  1. Pointers
  2. Gestures

Pointers-events uses to describe the location or movement of the pointers. It can not stop or cancel once you may click on it.

There are 4 types of Pointer-events:

  • PointerDownEvents
  • PointerMoveEvents
  • PointerUpEvents
  • PointerCancelEvents

Gestures are known as multiple individual pointers that mean at a time we can work on multiple events or execute them such as tap, drag, and etc.

Some popular events used such as Tap, Double Tap, Drag, Long Press, Pan, and Pinch.

Flutter – State Management

A state is information that manages the data if there may be any change or modification over the lifetime of the app. If we want to modify the state, we can use the setState() function which allows us to set the properties of the state object.

There are 2 conceptual types such as:

  1. Ephemeral State
  2. App State

Ephemeral states are also known as the local state. It is totally focused on the single widget in that particular state.

App State is also known as the Shared state. It uses globally to the state. It shares the various part of the app and between the user session.

Leave a Reply

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