Thuta Learning
BasicMobile Developmentbeginner

What is Flutter?

Relax. We'll talk through this in plain words — no textbook voice.

Flutter is a cross-platform UI toolkit created by Google. That means you can build an Android app, an iPhone app, and a web app all from a single Dart codebase, without needing separate code for each platform. The core idea behind Flutter is simple — everything you see on the screen is called a widget. Text, a Button, an Image, Padding, a Row, a Column, even an entire Page can be a widget. Building a UI is basically snapping widgets together like Lego bricks.

dart
import 'package:flutter/material.dart';

void main() {
  runApp(
    const MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('Flutter is amazing!'),
        ),
      ),
    ),
  );
}
You should see
When you run the app, the text "Flutter is amazing!" appears in the middle of the screen.

What's Next

Once you've got a picture of what Flutter is, head to the Setup lesson to get it running on your local machine.

Easy traps

  • If you run a Scaffold without wrapping it in a MaterialApp, theming, navigation, and material features can misbehave. It's good practice to always wrap your Flutter project with a MaterialApp.