The Flutter architecture mainly comprises of four components.

  • Flutter Engine
  • Foundation Library
  • Widgets
  • Design Specific Widgets

Flutter Engine

It is a convenient run-time for excellent mobile applications and principally dependent on the C++ language. It executes Flutter center libraries that incorporate animations and designs, record and organization I/O, module engineering, and a dart runtime for creating, ordering, and running Flutter applications.

Foundation Library

It contains all the necessary bundles for the essential structure squares of composing a Flutter application. These libraries are written in Dart language.


Everything is a widget, which is the center idea of this system. Gadget in the Flutter is fundamentally a UI part that effects and controls the view and interface of the application. It speaks to a permanent depiction of part of the UI and incorporates designs, text, shapes, and animation that are made utilizing gadgets. The gadgets are like the React segments. In Flutter, the application is itself a gadget that contains many sub gadgets. It implies that the application is the high level gadget, and it,s UI is assemble utilizing at least one child widgets, which again incorporates sub child widgets. This component encourages you to make a mind boggling UI without any problem.

Design Specific Widgets

The Flutter system has two arrangements of widget that adjust to explicit plan dialects. These are Material Design for Android application and Cupertino Style for IOS application

Flutter layout

The fundamental idea of the format system is the gadget. We realize that ripple expect everything as a widgets. So the picture, symbol, text, and even the design of your application are generally gadgets. Here, a portion of the things you don't see on your application UI, for example, lines, sections, and lattices that mastermind, oblige, and adjust the obvious gadgets are additionally the widgets.

Layout a widget

Step 1:First, you have to choose a Layout widget.

Step 2:Next, make an obvious widget.

Step 3:Then, add the obvious widget to the design widget.

Step 4:Finally, add the design widget to the page where you need to show.

Types of Layout Widgets

Single Child Widget : The single child format widget is a kind of widget, which can have just a single widget inside the parent design widget. These widgets can likewise contain unique design usefulness. flutter gives us many single child widgets to make the application UI alluring. In the event that we utilize these widgets properly, it can spare our time and makes the application code more coherent.

Multiple Child Widget :The multiple child widgets are a sort of widget, which contains more than one child widget, and the design of these widgets are interesting. For instance, Row widget spreading out of its child widget an even way, and Column widget spreading out of its child widget a vertical way. In the event that we join the Row and Column widget, at that point it can fabricate any degree of the unpredictable widget.

Thank you !!

If you like this article please clap and share with your friends



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store