Flutterのデフォルトプロジェクトを触ってみる

Posted at 2026-02-22

前に環境構築をしてみたのですが、カウントアップできるUIがビルドされていました。
でも、MainActivityを見ると中身が何もありません。

MainActivity.kt

import io.flutter.embedding.android.FlutterActivity

class MainActivity : FlutterActivity()

どこでUIが実装されているのか調べてみたところ、main.dartに実装されているようです。

まずは小さな変更を加えてみようと思います。

カウントを「＋1」から「＋2」に変更してみます。

main.dart

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

こちらがカウントのロジック部分のようです。

main.dart

  void _incrementCounter() {
    setState(() {
      _counter += 2;
    });
  }

に変更してみました。

カウントが「＋2」になったので成功です。

FlutterではUIはDart側で実装されていることが分かりました。

まだ分からないことが多いので、少しずつ実装してみようと思います。