Skip to main content

Posts

Showing posts from September, 2023

Managing State in Flutter: A Guide to State Management with MVVM Architecture.

In this blog post, we'll explore efficient state management in Flutter applications using ValueNotifier and EfficientBuilder within the MVVM (Model-View-ViewModel) architectural pattern. The MVVM architecture consists of three key components: Model: Represents the data and business logic View: Handles the UI presentation ViewModel: Manages state and business logic between Model and View In our approach, we’ll be refining the ViewModel by separating its states into a dedicated State class. This ensures that the ViewModel focuses solely on managing logic while the State class handles state representation. Traditionally, in MVVM, the ViewModel is responsible for both state management and business logic. However, by decoupling these concerns, we create a more structured and maintainable architecture. No more talking. Lets, implement it together. 1. Efficient Builder: We are going to use Efficient Builder package for this. So, go to pub.dev. Add the package to you pubspec.yaml file...
Post a Comment
Read more

ListView Builder!

ListView.builder is a versatile Flutter widget that allows you to create scrollable lists efficiently, especially when dealing with large or dynamic lists. Unlike a traditional ListView, where you provide a fixed list of children, ListView.builder generates list items on-demand as the user scrolls, which can help save memory and improve performance. When we have to to deal with large amount of dynamically changing data or we have fetch data from the database, we have to use a ListView.builder widget.  The main difference between ListView and ListView.builder is one work with fixed data and other work with generated list items on-demand as the user scrolls, which can help save memory and improve performance. ListView.builder widget has some additional parameters, which are: itemCount,  is set to the length of the data source (myList), indicating the total number of items to be displayed. itemBuilder, defines how each list item is constructed. It receives an index, which ...
Post a Comment
Read more

ListView and ListTile!

Listview and Listtile are basic widgets, which are used to make a scrollable lists of item in a mobile app. They are essential component for building app where we need various type of lists, such as menus, chat message lists and etc. ListView: Listview is a widget used to create a scrollable list of children. It can hold a list of widgets and automatically handles scrolling when the content exceeds the available space. ListTile: Listtile widget is designed to represent a single item within a list. It typically contains title, subtitle, leading or trailing icon and can be made tappable. Key Properties of listTile: Title : The primary content of the list item. Subtitle : Optional secondary content. leading : A widget display before the title. trailing : A widget display after the title. Ontap : A callback function that is triggered when the listtile tapped. Both Listview and Listtile are highly customizable, and you can style them according to the app design requirements. They are versat...
Post a Comment
Read more