Flutter Development: The Complete 2026 Guide

Every Flutter layout widget — Container, Row, Column, Stack, Expanded, Flexible, Wrap, and the constraints rule that explains them all — with runnable code.

Every Material component — Scaffold, AppBar, buttons, inputs, dialogs, SnackBars, Card, ListTile, and pickers — with runnable code.

iOS-style widgets — CupertinoApp, navigation bars, buttons, switches, pickers, action sheets, and dialogs — with runnable code.

From ListView and GridView to CustomScrollView, SliverAppBar, ScrollController, and NestedScrollView — the full scrolling model with runnable code.

Implicit Animated widgets, AnimationController and Tween, Hero transitions, staggered choreography, and custom page routes — with runnable code.

Null safety, functions, classes, collections, async/await, Futures and Streams, and records and patterns — the language behind every widget.

Padding, margin, BoxDecoration (colour, borders, gradients, shadows), constraints, alignment, and transforms — with runnable code.

Main axis and cross axis alignment, MainAxisSize, Expanded and Flexible, spacing, and fixing overflow — with runnable code.

Layering widgets, alignment, Positioned and Positioned.fill, clipping, and z-order — with runnable code.

Flex factor, FlexFit.tight vs loose, the unbounded constraints error, and a decision guide — with runnable code.

The Padding widget, where margin lives, every EdgeInsets constructor, EdgeInsetsDirectional for RTL, and SafeArea — with runnable code.

Fixed dimensions, BoxConstraints min/max, SizedBox.shrink and expand, FractionallySizedBox, and which to choose — with runnable code.

The Alignment coordinate system, custom Alignment(x, y), widthFactor and heightFactor, AlignmentDirectional, and Center vs Align — with runnable code.

fontSize, fontWeight, colour, letterSpacing, line height, textAlign, maxLines and TextOverflow, DefaultTextStyle, and theme text styles — with runnable code.

The TextSpan tree, Text.rich, inline icons with WidgetSpan, tappable spans with recognisers, and accessibility — with runnable code.

Image.asset and Image.network, BoxFit, loadingBuilder and errorBuilder, in-memory caching with cacheWidth, and FadeInImage placeholders — with runnable code.

The Icon widget and Material icon variants, size and colour, IconButton with tap targets and tooltips, and the Material 3 filled and outlined variants — with runnable code.

Card elevation and shape, ListTile slots, onTap, CheckboxListTile and SwitchListTile, and the Material 3 card variants — with runnable code.

appBar, body, floatingActionButton, drawer, SnackBars via ScaffoldMessenger, and resizeToAvoidBottomInset — with runnable code.

Title and centerTitle, leading and actions, colours and elevation, the bottom slot for tabs, and a collapsing SliverAppBar — with runnable code.

GridView.count, GridView.builder, the two grid delegates, childAspectRatio, and responsive grids with maxCrossAxisExtent — with runnable code.

Lazy item building, itemCount and itemBuilder, ListView.separated, itemExtent, and the shrinkWrap trap — with runnable code.

How Wrap differs from Row, spacing and runSpacing, alignment across and within runs, building tag and chip layouts, and when Wrap fails to wrap — with runnable code.

Reading BoxConstraints, maxWidth breakpoints, adaptive grids, LayoutBuilder vs MediaQuery, and the infinite-constraint trap — with runnable code.

Navigator.push and MaterialPageRoute, going back with pop, named routes and the routes table, pushReplacement, and when to reach for go_router — with runnable code.

Constructor arguments forward, awaiting a returned value with pop, named-route arguments via RouteSettings, and handling the empty result — with runnable code.

Items and selection, preserving each tab's state with IndexedStack, the fixed vs shifting gotcha, and the Material 3 NavigationBar — with runnable code.

DefaultTabController the easy way, a manual TabController, scrollable tabs, styling, and the length-mismatch error — with runnable code.

Adding a Drawer, DrawerHeader and UserAccountsDrawerHeader, ListTile items, closing the drawer on tap, endDrawer, and opening from code — with runnable code.

Modern Flutter routing end to end.

Reading and setting text, onChanged vs onSubmitted, InputDecoration, managing focus with FocusNode, keyboard types, obscured passwords, and disposing — with runnable code.

DropdownMenuItem, tracking the value, generating items from a list, the value assertion error, DropdownButtonFormField, and the Material 3 DropdownMenu — with runnable code.

The controlled value-and-onChanged pattern, Radio groups, the CheckboxListTile, RadioListTile and SwitchListTile rows, tristate, and which to use — with runnable code.

min and max, divisions and labels for snapping, RangeSlider with RangeValues, SliderTheme styling, and onChangeEnd for expensive work — with runnable code.

showDatePicker with date bounds, awaiting the result, showTimePicker and TimeOfDay, formatting with intl, the range picker, and the cancel and async-gap pitfalls — with runnable code.

The Autocomplete widget, optionsBuilder filtering, custom fieldViewBuilder and optionsViewBuilder, debounced async API search, and SearchAnchor with SearchBar — with runnable code.

Form validation patterns that scale.

Head-to-head comparison with code samples.

What setState really does, the rebuild cycle, what belongs in the closure, why the whole build method re-runs, and how to scope rebuilds — with runnable code.

What each widget is, the State object and its lifecycle, when you actually need mutable state, converting between them, and preferring stateless — with runnable code.

How it propagates data down the tree, of(context) lookups, updateShouldNotify, a complete example, and how Theme and MediaQuery use it — with runnable code.

A single observable value, rebuilding only the listening widget with ValueListenableBuilder, updating and disposing, and when it beats setState — with runnable code.

Building a model with ChangeNotifier and notifyListeners, ChangeNotifierProvider, context.watch vs read, Consumer, and disposing — with runnable code.

Handling every AsyncSnapshot state, loading, error and data, the recreated-future trap, and when to reach for a Stream — with runnable code.

initState, didChangeDependencies, didUpdateWidget, deactivate and dispose, what belongs in each, and the common lifecycle mistakes — with runnable code.

What context really is, how lookups walk up the tree, the no-ancestor error, the Builder fix, and using context across async gaps — with runnable code.

Why keys exist, how Flutter matches widgets to elements, ValueKey and ObjectKey for lists, the reordering bug, and GlobalKey — with runnable code.

Adding the http package, GET and POST, reading the status and body, sending and decoding JSON, headers and timeouts, and mapping to models — with runnable code.

jsonDecode and the map shape, writing fromJson and toJson, nested objects and lists, null safety on fields, and when to generate the code — with runnable code.

Why Dio, a configured instance with BaseOptions, GET and POST, interceptors for auth and logging, timeouts, and handling DioException — with runnable code.

Structuring a service and repository, fetching a list, driving loading, error and data states, a ListView, and refreshing — with runnable code.

Wrapping a scrollable in RefreshIndicator, returning a Future from onRefresh, making short lists scrollable, and refreshing from code — with runnable code.

ScrollController and NotificationListener triggers, _page and _limit pagination with append-only results — with runnable code.

Web_socket_channel setup, WebSocketChannel.connect and StreamBuilder, sink.add for outgoing messages — with runnable code.

Typed exceptions and a Result type, mapping SocketException, TimeoutException, FormatException, and HTTP status codes — with runnable code.

GetInstance with setX and getX, safe defaults, remove, and clear — with runnable code.

OpenDatabase and onCreate, CRUD through a typed model-to-Map boundary — with runnable code.

Hive_flutter initialisation and boxes, put, get, delete, and default values — with runnable code.

Documents, temporary, and application-support directories, dart:io File string and byte operations — with runnable code.

Drift and build_runner setup, a table, generated database, and DAO boundary, type-safe selects, inserts, and updates — with runnable code.

Flutter_secure_storage read, write, and delete, Keychain and Android Keystore protection — with runnable code.

FlutterFire CLI and flutterfire configure, firebase_core and generated firebase_options.dart — with runnable code.

Firebase_auth email and password flows, Google sign-in and Firebase credentials, authStateChanges as the UI gate — with runnable code.

Collection and document references, add, set, update, and delete, snapshots with StreamBuilder, where, orderBy — with runnable code.

StorageReference and putFile, upload progress from snapshotEvents, getDownloadURL after completion — with runnable code.

Notification permission and getToken, onMessage and onMessageOpenedApp, a top-level background handler — with runnable code.

Firebase_crashlytics setup, FlutterError.onError forwarding, PlatformDispatcher.onError for asynchronous errors — with runnable code.

Supabase_flutter initialisation, signUp and signInWithPassword, select, insert, update, and delete — with runnable code.

Implicit animation through AnimatedContainer, duration and curve changes driven by setState, AnimatedOpacity — with runnable code.

AnimationController with SingleTickerProviderStateMixin, Tween.animate and CurvedAnimation — with runnable code.

Matching Hero tags across routes, image heroes with stable geometry, flightShuttleBuilder customisation — with runnable code.

PageRouteBuilder fundamentals, fade and slide transitionsBuilder composition — with runnable code.

The lottie package and pubspec assets, Lottie.asset and Lottie.network, controller-driven play, pause, and loop — with runnable code.

One AnimationController for the whole sequence, multiple Interval-curved tweens, AnimatedBuilder and focused rebuilds — with runnable code.

The shimmer package for fast skeletons, a custom LinearGradient and ShaderMask — with runnable code.

CustomPainter paint and shouldRepaint, Canvas drawLine, drawCircle, drawPath, and drawRRect, Paint styles, strokes — with runnable code.

ThemeData supplied to MaterialApp, ColorScheme.fromSeed as the colour foundation, textTheme and component themes — with runnable code.

Theme, darkTheme, and themeMode, ThemeMode.system as an honest default — with runnable code.

UseMaterial3 and modern defaults, ColorScheme.fromSeed, dynamic_color for supported platform palettes, NavigationBar — with runnable code.

Google_fonts applied through textTheme, runtime fetching versus bundling font files — with runnable code.

BoxDecoration with a gradient, LinearGradient begin, end, and stops, RadialGradient for focal light — with runnable code.

BoxDecoration boxShadow colour, blur, spread, and offset, layered shadows for believable depth — with runnable code.

Build reliable Flutter gestures for taps, double taps, long presses, drag tracking and velocity-based swipes, with hit testing and arena guidance.

Build reliable swipe-to-delete lists with Flutter Dismissible, unique keys, confirmation dialogs, directional backgrounds, state removal, and undo.

Build a typed Flutter drag-and-drop interface with Draggable, DragTarget, long-press gestures, acceptance rules, visual states, and widget tests.

Learn when to use Flutter Snackbars, AlertDialogs, and modal bottom sheets, with actions, returned results, scrolling, and safe context handling.

Build accessible Flutter touch surfaces with InkWell, visible ripples, Ink decoration, rounded clipping, state colours, and Material 3 effects.

Use Flutter image_picker to capture photos, choose multiple gallery images, resize results, handle cancellation, and configure mobile platforms.

Build a reliable Flutter location flow with geolocator: check services and permissions, fetch a position, stream updates, and handle settings.

Build a Flutter Google Map with markers, animated camera moves, polylines, location permissions, and correctly configured Android and iOS keys.

Use Flutter url_launcher to open web links, email, phone, SMS and maps safely, with platform configuration, launch modes and reliable failures.

Check and request camera permissions in Flutter, configure Android and iOS correctly, handle blocked access, and guide users safely to settings.

Build Flutter local notifications with Android and iOS permissions, channels, payload taps, time-zone scheduling, and exact-alarm safeguards.

Learn to embed web content using webview_flutter. Configure Android and iOS permissions, manage navigation delegates, and bridge Dart with JavaScript.

Learn how to share text, URLs, images, and generated files in your Flutter apps using share_plus, including iPad setups and handling ShareResult.

Learn how to prepare, sign, and build a Flutter release APK and App Bundle (AAB) for Google Play. Includes code obfuscation and keystore setup.

Replace the default Flutter logo with custom app icons and native splash screens. Learn to configure adaptive icons, Android 12 support, and dark mode.

Master Flutter environment configuration using Android productFlavors, iOS schemes, and Dart entry points to manage dev, staging, and production releases.

Master Flutter DevTools to inspect widget trees, debug layout constraint errors, profile CPU performance, and eliminate UI jank in your apps.

A comprehensive guide to Flutter internationalisation. Learn to generate localisations, handle plurals, format dates, and support RTL languages.

A step-by-step App Store publishing tutorial covering Bundle IDs, Info.plist permissions, SwiftPM vs CocoaPods, Xcode, signing, IPA upload, TestFlight, and App Review.

A release-ready Flutter 3.44 upgrade checklist for SwiftPM, Android, web, tooling, tests, rollback plans, and production builds.

A source-backed Flutter 3.44 deep dive for teams tracking SwiftPM, Android, web, tooling, and migration risks.

Debugging the most common Flutter layout error.

Learn why the "setState() called after dispose()" error occurs in Flutter, how to safely handle asynchronous operations, and best practices for cleanup.

Fix the dreaded unbounded height error in Flutter. Learn how constraints work, and resolve ListView inside Column crashes using Expanded, shrinkWrap, or Slivers.

Master Dart null safety by resolving LateInitializationError and null check operator crashes. Learn when to use late, late final, and safe null fallbacks.

Production folder structure and separation patterns.

Embedding Flutter into native and web apps.

AI-assisted Flutter development stack.

Profiling, Impeller, and rebuild optimisation.

The complete testing pyramid for Flutter.

Breakpoint patterns and adaptive layouts.

Faster UI iteration with previewer.

Web renderer comparison and selection.

Framework comparison for decision makers.

Course recommendations and learning roadmap.

320 interactive practice questions — 160 MCQs and 160 short answers across Dart, widgets, state management, async, navigation, testing, performance, and architecture, tagged Junior, Mid, and Senior, with a learning-mode switch.