Sunday, January 12, 2025

Flutter Structure Layers

 The UX/UI Layer, Logic Layer, and Data Layer of flutter



UX/UI layer-
  1. buttons, 
  2. forms, 
  3. navigation
  4. layouts
 This layer also covers customization options like themes and responsive design

Elements-
Atoms-TextField, Button, Icon
Molecules- EmailSignInField, Textfield, Icon
Organisms- LoginComponent(EmailSignInField,PasswordSignInFieldSubmitButton)
Pages- Signin page

Pages- 

Page is essentially a new section or feature of the app that combines various UI elements(text, button, images, etc.) to form a complete screen in the app.


Widgets-

A Page contains a combination of widgets and components, Everything we can see in flutter page is widget.



Components-

Components are reusable widgets in Flutter flow.


When you add a component to a Page, it becomes part of that page's Widget Tree
This allows the component to interact with other widgets, inherit properties, and respond to state changes as part of the page's structure.