Skip to main content

Flutter Related New Information

Useful information about Flutter


Information Courtesy: Muthuraj Muthiah (HPMMRAJ) 
Page added: Arun VS



How does Flutter actually work, internally?
What are Widgets, Elements, BuildContext, RenderOject, Bindings? 
The first article you need to read to understand the intervals of even your first app
Very simply but covers all corners
Well written one 

Flutter: The Advanced Layout Rule Even Beginners Must Know

Very important to understand the positioning part
Understanding constraints

A predictable state management library that helps implement the BLoC design pattern.

Understand the BuildContext of the Flutter

way to introduce the notions of Reactive Programming, BLoC and Streams.


Start thinking declaratively

Declarative UI programming faceoff: Apple’s SwiftUI vs Google’s Flutter
What a coincidence new UI framework from Apple SwiftUI aligns with Flutter
Easy to get along with both 
Apple has visual editor but Flutter has neither preview or visual editor only hot reloading

What an article this is? 
Thanks to this Flutter addict Romain Rastel. Wow....

Guys, please enable this to show the UI guides for easy understanding your widgets in the code. Available for VS code -> Restart IDE once enabled

https://dartcode.org/releases/v3-1/#preview-flutter-ui-guides


⭐ https://flutter.dev/docs/development/accessibility-and-localization/accessibility - please check it - Fingress Mobile
 run the scan + audit and discuss on this

https://pub.dev/packages/intro_views_flutter

The importance of composition technique in widget classes. Very interesting and important technique to remember while coding 

https://dart.academy/inheritance-polymorphism-and-composition-in-dart-and-flutter/

https://www.raywenderlich.com/4968762-platform-aware-widgets-in-flutter

 https://medium.com/flutter/do-flutter-apps-dream-of-platform-aware-widgets-7d7ed7b4624d

 https://medium.com/flutter/do-flutter-apps-dream-of-platform-aware-widgets-7d7ed7b4624d


State management with BLoc
This is one of the key things to understand how to connect and bind data based on user event

to use it for login, list, detail, filter and sorting events for any app

https://www.raywenderlich.com/4074597-getting-started-with-the-bloc-pattern

we need to have a look at the code of some complicated pages here -> https://github.com/o1298098/Flutter-Movie. 

to choose the right pattern of state management. quick turn around with Zomato API

https://resocoder.com/2020/08/04/flutter-bloc-cubit-tutorial/

Better pattern for conditional rendering compared to ternary statements and age old if else

https://github.com/SEGVeenstra/flutter-package-condition

https://crizantlai.medium.com/flutter-conditional-rendering-the-right-way-fead813a3558

Along with builder classes

https://github.com/flutter/flutter/issues/50874

https://protocoderspoint.com/flutter-sliver-app-bar-an-collapsing-scrollview-app-bar/

https://github.com/flutter/flutter/issues/11951

https://www.developerlibs.com/2018/08/flutter-collapsing-toolbar-layout.html

https://www.geeksforgeeks.org/flutter-silverappbar-widget/

This is what we do have but with multi widgets 
Multi lists named lists
We may need to make it as single widget

Swiggy M*N widget


https://bytes.swiggy.com/swiss-knife-that-powers-the-swiggy-app-dff9dc49a580



https://www.mindmeister.com/422498309/why-nick-dart-dartlang?fullscreen=1#

https://github.com/dafesimonek/dart-platform-diagrams