Flutter

Learn Flutter through interactive widget trees, layout visualizers, and animated state diagrams.

Getting Started

What is Flutter?

Dart Basics

Your First App

Widgets

Widget Tree

Stateless Widgets

Stateful Widgets

Built-in Widgets

Layout

Row & Column

Container & Padding

Stack & Positioned

Expanded & Flexible

Lists & Navigation

ListView

Navigator

Named Routes

Bottom Navigation

State & Data

State Lifecycle

Provider

Streams

HTTP & APIs

Polish

Animations

Forms & Input

Forms

Gestures

Keyboard & Focus

Theming & Styling

ThemeData

Custom Painting

Responsive Design

Advanced Widgets

Slivers

Keys

InheritedWidget

Builder Widgets

Architecture & Patterns

BLoC Pattern

Repository Pattern

Dependency Injection

Testing & Publishing

Testing

Packages & Plugins