【Flutter】タイマー(Timer)の基本から一定間隔で画面の表示を変更するまでの完全ガイド！

import 'dart:async';

void main() {
  // 動作させたい時間を５秒後に設定
  Timer(Duration(seconds: 5), () {
    // 5秒後に一度だけタイマー発動!とコンソールに出力する
    print('タイマー発動!');
  });
}

import 'dart:async';

void main() {
  // 1秒ごとに繰り返す設定
  Timer.periodic(Duration(seconds: 1), (Timer timer) {
    // 1秒ごとに繰り返し１秒経過とコンソールに出力させる
    print('1秒経過');
  });
}

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TimerExample(),
    );
  }
}

class TimerExample extends StatefulWidget {
  @override
  _TimerExampleState createState() => _TimerExampleState();
}

class _TimerExampleState extends State<TimerExample> {
  int _counter = 0;
  Timer? _timer;

  @override
  void initState() {
    super.initState();
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        _counter++;
      });
    });
  }

  @override
  void dispose() {
    _timer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('タイマーでカウント'),
      ),
      body: Center(
        child: Text('カウンター: $_counter', style: TextStyle(fontSize: 24)),
      ),
    );
  }
}