Flutter Guidebook

    Browse all guides to level up your Flutter skills.

    Understanding Widgets in Flutter

    Master the core building blocks of Flutter: configuration structures, declarative rendering, and the underlying three-tree architecture.

    Flutter BasicsWidgetsArchitecture

    Stateless vs. Stateful Widgets

    Master the key difference between static presentation and dynamic interactivity. Learn widget lifecycles, state management fundamentals, and setState best practices.

    Flutter BasicsWidgetsState Management

    Your First Flutter App

    Initialize your workspace, explore the folder structure, and build your very first interactive welcome app using Flutter's CLI.

    Flutter BasicsGetting StartedCLI

    Row vs. Column Layout Guide

    Master multi-child layouts. Understand flex layouts, MainAxisAlignment, CrossAxisAlignment, MainAxisSize, and how to prevent layout overflow issues.

    Flutter BasicsLayoutsFlexbox

    Managing State with Provider

    Master clean state management. Learn how to use the Provider package, write ChangeNotifiers, optimize widget rebuilds, and structure app state.

    State ManagementProviderArchitecture

    BLoC Pattern Explained

    Master enterprise-grade architecture. Learn how to write Blocs, define structured Events and States, manage state streams, and build decoupled UIs.

    State ManagementBLoCArchitectureAdvanced

    Stack and Positioned Widgets

    Master overlay layouts. Learn how to place widgets on top of each other, configure absolute positioning, and control clipping behaviors.

    Flutter BasicsLayoutsOverlay

    Building Responsive Layouts

    Master multi-screen design. Learn how to use MediaQuery, LayoutBuilder, and orientation properties to build interfaces that adapt to mobile, tablet, and desktop viewports.

    Flutter BasicsLayoutsResponsive Design

    Riverpod Fundamentals

    Master compile-safe state management. Learn how to configure ProviderScope, write Notifiers, read states using WidgetRef, and optimize rebuild parameters.

    State ManagementRiverpodArchitecture

    GoRouter Setup Guide

    Master declarative routing. Learn how to configure GoRouter, structure nested routes, pass path parameters, and implement authentication redirect guards.

    NavigationGoRouterRoutingArchitecture

    Fetching API Data in Flutter

    Learn to connect your Flutter application to the web. Master HTTP requests, JSON deserialization, asynchronous handling, and FutureBuilder states.

    APIHTTPDataAsynchronous

    Performance Optimization Tips

    Build fluid applications. Learn build optimization, RepaintBoundaries, const caching strategies, lazy list views, and DevTools profiling.

    PerformanceOptimizationBest PracticesAdvanced

    Widget Testing Basics

    Master automated UI testing. Learn how to pump widgets, simulate user taps, locate components with Finders, and verify layout assertions.

    TestingWidget TestingPerformanceBest Practices

    Custom Painter Guide

    Master low-level graphics rendering. Learn how to draw shapes, paths, lines, and custom progress indicators directly on the pixel canvas.

    UIGraphicsCustomPainterCanvas

    Using Dio for HTTP Requests

    Upgrade your HTTP client. Learn how to configure base options, write request/response interceptors, manage file uploads, and handle DioExceptions.

    APIDioHTTPAdvanced Networking