SliverAppBar (Widget of the Week)

SliverAppBar may sound like a familiar widget, but in this episode we show you how to use the new FlexibleSpaceBar’s expandedHeight and flexibleSpace properties to create an area at the top of a list that can grow, shrink, and more!

#flutter #mobile-apps #web-development #developer #programming

What is GEEK

Buddha Community

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 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

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

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

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

#flutter #widget #tutorial #testing #dart

Exploring Flutter Widgets || Flutter Stateful Widget & Text Field #11

In this video I have discussed about stateful widget and also discussed how to work with text field in flutter.

#statefulwidget #ripplescode #flutter #flutter stateful widget #text field #exploring flutter widgets