0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

FlutterでTimerを使用した定期処理を実装したことについて

Last updated at Posted at 2024-12-12

はじめに

入道雲サーチアプリを作成する中で、現在の情報が欲しいため定期的にapiを取得して画面に表示させたいと考えました。そこで調べたところTimerというクラスがあることを知り、使ってみたところ上手く行ったため、ここに記そうと思いました。

Timerとは

指定した時間が経過した後に、一度だけ、または繰り返し特定の処理を実行するために使用する。

今回使用したコード

import 'dart:async';


  @override
  void initState() {

    //ここから
    Timer.periodic(
      const Duration(seconds: 5),
      (Timer timer){
      fetchWeatherForCities();
      },
    );
    //ここまで

    super.initState();
  }

解説

import 'dart:async';

Timerはdart:asyncライブラリで定義されているクラスのため、これをインポートする必要があります。

Timer.periodic(
      const Duration(seconds: 5),

Timer.periodic:繰り返し起動するTimerを使用するときに使う。
const Duration(seconds: 5):5秒に一度実行する。

      (Timer timer){
      fetchWeatherForCities();
      },
);

fetchWeatherForCities();:ここに動作させたい処理(今回はメソッドの呼び出し)をかく。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?