4

高さと幅が 0 から高さと幅が 90 になるスケール トランジションを持つ 1 つのコンテナーを作成しました。

今、私がやりたかったのは、成長するにつれてゆっくりとフェードアウトすることです。不透明度用に別のアニメーションコントローラーを作成する必要がありますか? それを行う最良の方法は何ですか?誰かが助けてくれますか?

私のコードは次のようになります

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

void main() => runApp(new MyAnimationApp());

class MyAnimationApp extends StatefulWidget {
  @override
  _MyAnimationAppState createState() => _MyAnimationAppState();
}

class _MyAnimationAppState extends State<MyAnimationApp>
    with TickerProviderStateMixin {
  Animation<double> animation;
  AnimationController _controller;

  @override
  void initState() {
    super.initState();

    _controller =
        new AnimationController(vsync: this, duration: Duration(seconds: 3))
          ..repeat();
    animation = new CurvedAnimation(parent: _controller, curve: Curves.linear);
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        body: new Container(
          child: new Center(
            child: new ScaleTransition(
              scale: animation,
              child: new Container(
                decoration: new BoxDecoration(
                    color: Color(0XFFEC3457), shape: BoxShape.circle),
                height: 90.0,
                width: 90.0,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

SSはこちら

ここに画像の説明を入力 ここに画像の説明を入力

ありがとう !!!返事を期待して……


4

1 に答える 1