Lesson 22 of 59

5 mins read

Python Collection-if, Collection-for & Spread Operators

In Plain English

Dart features revolutionary declarative collection operators: **Collection-if** (`[if (condition) item]`), **Collection-for** (`[for (var x in items) transform(x)]`), and the **Spread Operator** (`[...listA, ...?nullableListB]`). These operators enable constructing complex Flutter widget trees and data structures declaratively without imperatively calling `.add()`.

The Mental Model

"Collection operators are like modular Lego building instructions: "If it's raining, add a roof block; for each window, add a shutter block; and attach this entire pre-built garage module here.""

Deep Dive: How It Works

Collection-if: Conditionally includes an element in a List, Set, or Map literal (`[if (isAdmin) "Admin Panel"]`).

Collection-for: Loops inside a literal to generate repetitive elements (`[for (var i in items) Chip(i)]`).

Spread (`...`) & Null-Aware Spread (`...?`): Flattens and unpacks elements from another collection.

Syntax Blueprint

var items = [
  "Home",
  if (isLoggedIn) "Profile",
  for (var tag in tags) "#$tag",
  ...?optionalLinks,
];

Declarative collection literal with if, for, and null-aware spread.

Core Rules to Remember

Declarative Construction: Assembles lists and maps in a single readable literal expression.

Null-Aware Spread ( ...? ): Safely unpacks nullable collections without throwing NullPointerErrors.

Flutter UI Backbone: The foundation of dynamic widget lists in Flutter `Column` and `Row` children.

Common Beginner Traps & How to Fix Them

Mistake:Using imperative `if (cond) list.add(...)` when building declarative widget trees.

Why it happens: Old habit from imperative UI frameworks.

How to fix: Use inline collection-if `[if (cond) Widget()]` directly in the children list.

Pro Tip: You can nest collection-if and collection-for inside Maps as well: `{"type": "user", if (isAdmin) "role": "superadmin"}`.

Live Interactive Example

Hit Run Code to see it live

Declarative List Assembly with Collection Operators

Python 3.12

Output Console

Click "Run Code" to view the rendered output.

How it works: Assembled navigation list using collection-if, collection-for, and null-aware spread.

Your Turn: Micro Challenge

No pressure! Edit the starter code below and test your solution with instant feedback.

Micro Exercise

Assemble Dynamic Menu List

Given `bool hasDiscount = true;` and `final extras = ["Fries", "Drink"];`.
Assemble `final order = ["Burger", if (hasDiscount) "Coupon Applied", ...extras];`.
Print `Order: $order`.

Sandbox Output

Click "Run & Check" to test your solution.

Finished reading and practicing?

Mark this lesson as completed to update your course progress.