FlutterLogo (100th Widget of the Week!)

🎉 Happy 100th episode of Widget of the Week! 🎉
Even with over 100 episodes, we’ve only just scratched the surface of the widgets in the Flutter Framework. Thank you for sticking with us as we explore common widgets, obscure widgets, and everything in between. We’re excited to continue this journey with you.

Learn more about the FlutterLogo widget → http://goo.gle/flutterlogo

Learn everything about Flutter at → https://goo.gle/2WAhEN1

#flutter

What is GEEK

Buddha Community

FlutterLogo (100th Widget of the Week!)

🎉 Happy 100th episode of Widget of the Week! 🎉
Even with over 100 episodes, we’ve only just scratched the surface of the widgets in the Flutter Framework. Thank you for sticking with us as we explore common widgets, obscure widgets, and everything in between. We’re excited to continue this journey with you.

Learn more about the FlutterLogo widget → http://goo.gle/flutterlogo

Learn everything about Flutter at → https://goo.gle/2WAhEN1

#flutter

Writing custom Widgets in Flutter (Part 1) — EllipsizedText

Intro

Declarative UI in Flutter is pretty nice, easy to use and it is very enticing to use it as much as possible. But very often developers just go overboard with it — writing everything in a declarative style even when sometimes task can be done much more efficiently and easier to understand in a more imperative way.

What everyone should understand — there always must be a balance between declarative and imperative programming. Each has its own uses and each shines at some tasks brighter than other.

In this series of articles I’ll describe how to solve different problems by creating custom Widgets from scratch. Each one is a little more complicated than a previous one.

Quick Theory

There some basic things we need to know before looking at the code.

Widget — is just an immutable (preferably const) class that contains configuration properties for Elements and RenderObjects. It is also responsible for creating said Elements and RenderObjects. Important thing to understand — Widgets never contain state nor any business logic, only pass them.

Element — is an entity responsible for the actual UI tree. It has references to all children and (unlike Widget) to its parent. Elements are reused most of the time, unless key or Widget are changed. So if onlyWidget properties are changed, even though new Widget is allocated, Element will remain the same.

State — is nothing more than a user-defined class inside Element that also has some callbacks from itsElement exposed.

#custom-widget #ellipsis #flutter #widget

Exploring Flutter Widgets || Flutter Scaffold Widget & Its Properties #16

In this video I have discussed about Scaffold widget and its different properties.

It is a widget which implements the basic material design structure for the flutter app.

#flutter #exploring flutter widgets #flutter scaffold widget #its properties

Exploring Flutter Widgets || Flutter Container Widget & Its Properties #15

In this video I have discussed about Container widget and its different properties.

It is a widget which is used to hold the child widget with the ability to apply some styling properties.
Key points

1. If the container widget does not have a child it will fill up the the given area on screen.

2. If it contains child it will have the same width and height as of its child.

3. It should not be rendered directly on screen without parent widget. We can use Center widget, Padding Widget, Column Widget, Row Widget or Scaffold Widget as parent.

#flutter #exploring flutter widgets #flutter container widget

Flutter Widget Testing - Test Scrollable Widgets - Test AssertionError in Widget

https://www.youtube.com/watch?v=pgMI5nmAem0

#flutter #widget #tutorial #testing #dart