プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

自分の市場価値を知りたい人にオススメの記事です

私がオススメするプログラミング教材です

【Flutter入門】Flutterで背景色を1秒間で変化させる方法(Animation)

更新日:

記事の内容


この記事では、FlutterのAnimationを使って背景色を変化させる方法を紹介します。

使い方

まずは、mixinをします。

with SingleTickerProviderStateMixin {

次に、initStateの中で、設定をします。
Durationは、変化にかかる時間です。
この例だと、blueGreyからwhiteに背景色が変わります。

void initState() {
super.initState();controller = AnimationController(
duration: Duration(seconds: 1),
vsync: this,
);animation = ColorTween(begin: Colors.blueGrey, end: Colors.white).animate(controller);controller.forward();

controller.addListener(() {
setState(() {});
print(controller.value);
});

}

ここで、背景色を変更させています。

backgroundColor: animation.value,

Flutterエンジニアの求人

DODAにはFlutterエンジニアの案件が、約190件、登録されていました。



Flutterを使って働きたい人は、DODAに相談してみて下さい



DartとFlutterをより詳しく勉強したい人には、この記事がオススメです


SwiftでiOSアプリを開発したい人には、この記事がオススメです


KotlinでAndroidアプリを開発したい人には、この記事がオススメです


Gitをより詳しく勉強したい人には、この記事がオススメです


ゼロからWebエンジニアになりたい人には、この記事がオススメです


独学で実務っぽい経験を積みたい人には、この記事がオススメです

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2022 All Rights Reserved Powered by AFFINGER4.