#Timer.periodicでエラー
Flutter開発の勉強中、現在時刻の表示を行った後に画面遷移をしたら、エラーが出力され続ける現象に遭遇しました。
なかなか困ってしまったので、忘れないように対処法のメモ書きを残します。
dispose内でちゃんとキャンセルを書かないと停止されず、裏で動き続けちゃう様です。
timer.dart
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'dart:async';
class TimerPage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _TimerState();
}
}
class _TimerState extends State<TimerPage> {
String _nowtime = '';
var formatter = DateFormat('yyyy/MM/dd HH:mm:ss');
var _timer;
@override
void initState() {
super.initState();
_timer = Timer.periodic(
// 定期実行する間隔の設定.
Duration(milliseconds: 100),
// 定期実行関数.
_onTimer,
);
}
@override
void dispose(){
// 破棄される時に停止する.
_timer.cancel();
super.dispose();
}
void _onTimer(Timer timer) {
var now = DateTime.now();
var formatterTime = formatter.format(now);
setState(() {
_nowtime = formatterTime;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('TimerPage')),
body: Container(
padding: EdgeInsets.all(20),
child: ListView(
children: <Widget>[
Container(
child: Text('現在時刻:\n' + _nowtime),
),
],
),
),
);
}
}
#参考