Flutter Beginner Cheat Sheet: First App, Scaffold, setState & Hot Reload

A beginner Flutter cheat sheet is flutter create, a MaterialApp, and a Scaffold with a button that calls setState. Learn Dart var/final and null safety in parallel. Hot reload makes UI changes instant; you still need an emulator or phone. Skip state-management wars until one screen is solid.

This Flutter cheat sheet is written for people searching for a fast, accurate reference: students, junior developers, and teams shipping production software. Pin it, copy the snippets, and come back when syntax slips.

Quick reference

• Install: Flutter SDK, platform tools, flutter doctor until the checkmarks are honest.
• Create: flutter create myapp then flutter run.
• main: void main() => runApp(const MyApp());
• MaterialApp: Theme + navigator. Home is your first widget.
• Scaffold: AppBar, body, FAB. The skeleton of a screen.
• setState: Only inside State. Changes fields, then rebuilds.
• Hot reload: Save in the IDE. Lightning bolt. Restart if tree constructors change.
• Pub: pubspec.yaml dependencies. flutter pub get.

Copy-paste examples

Minimal Material app

Replace the default counter with this until you can type it from memory, then add a second screen.

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(home: HomePage());
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hello')),
      body: const Center(child: Text('First screen')),
    );
  }
}

Common mistakes

• Skipping flutter doctor and fighting missing Android licenses for hours.
• Editing widgets without running on a device — layout bugs hide in Chrome-only Flutter web.
• Adding five packages on day one (GetX, Dio, Hive…) before setState clicks.
• Copy-pasting RN/JSX into a Dart file.

FAQ

1. Do I need to know Dart first? Learn them together. You cannot write Flutter without Dart types, async, and widgets as classes.

1. iOS on Windows? You cannot build iOS locally on Windows. Use a cloud builder or a Mac. Android works on Windows.

1. Is Flutter good for students/FYPs? Yes — one language, visible UI fast. Keep scope to a few screens and a real API or SQLite.

Related Flutter cheat sheets

• Flutter Cheat Sheet 2026
• Flutter Widgets Cheat Sheet
• Flutter Vs React Native Cheat Sheet

Build with this stack

When a cheat sheet is not enough — you need a production app, a student FYP, or a custom dashboard — ArpaNeuro builds mobile app development and also sells ready-made source code. Request a quote and tell us the stack.

Browse software development services or the source code marketplace if you want a working codebase instead of starting from a blank file.