blog

flutter-AnimationControllerを使う

インポート ''; インポート ''; mat として 'dart:math' をインポートします。...

Apr 27, 2020 · 1 min. read
import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import 'dart:math' as math;
class AnimatedDemo extends StatefulWidget {
 static const String sName = 'animatedDemo';
 @override
 _AnimatedDemoState createState() => _AnimatedDemoState();
}
class _AnimatedDemoState extends State<AnimatedDemo>
 with TickerProviderStateMixin {
 AnimationController animationController;
 Animation animation;
 @override
 void initState() {
 // TODO: implement initState
 super.initState();
 animationController =
 AnimationController(vsync: this, duration: Duration(seconds: 2))
 ..addStatusListener((status) {
 if (status == AnimationStatus.completed) {
 animationController.reverse();
 } else if (status == AnimationStatus.dismissed) {
 animationController.forward();
 }
 });
 animation =
 Tween(begin: 0.0, end: 2.0 * math.pi).animate(animationController);
 animationController.forward();
 }
 @override
 void dispose() {
 // TODO: implement dispose
 super.dispose();
 animationController.dispose();
 }
 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(title: Text('animated_demo')),
 body: AnimatedBuilder(
 animation: animation,
 builder: (BuildContext context, Widget child) {
 return Transform.rotate(angle: animation.value, child: child);
 },
 child: FlutterLogo(size: 60,),
 ),
 );
 }
}
Read next

ES6 `...` 拡張/コレクション演算子の説明

私の理解では、()で囲むと一つの値に展開され、[]で囲むと配列に展開されます。 これはJAVAと同じで、入力数が不確定な場合の形式パラメータに使えます。

Apr 27, 2020 · 1 min read

動的プロキシ

Apr 25, 2020 · 3 min read

github プルリクエスト操作

Apr 24, 2020 · 2 min read

ES6

Apr 23, 2020 · 6 min read