如何解决这种抖动动画问题?

时间:2020-03-14 05:35:34

标签: flutter flutter-layout flutter-animation

我一直想在动画中制作动画时遇到问题,我要做的就是将我的animationContainer变成白色和另一种颜色一段时间,然后再翻一页。这是我的实际代码。

import 'dart:async';

import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  Home({Key key}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  _HomeState(){
    Timer(const Duration(seconds:3), (){
      Timer(const Duration(seconds: 1), (){
        Navigator.push(context, MaterialPageRoute(builder: (context)=>SomePage()));
      });
    });
  }
  @override
  Widget build(BuildContext context) {
    return containers();
  }
}

Widget containers(){
  return Scaffold(
      body: Center(
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Container(width: 75,child: containerAnimados()),
        ],
      ),
    ),
  );
}


Widget containerAnimados(){
  return Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        contenedor(Colors.red, 1, 20, 20),
        contenedor(Colors.green, 1, 20, 20),
        contenedor(Colors.blue, 1, 20, 20),
      ],
    ),
  );
}

AnimatedContainer contenedor(Color color, int duracion, double tamanio, double radios){
  return AnimatedContainer(
    duration: Duration(seconds: duracion),
    width: tamanio,
    height: tamanio,
    decoration: BoxDecoration(
    color: color,
    borderRadius: BorderRadius.circular(radios)
    ),
  );
}

这是容器的照片

enter image description here

0 个答案:

没有答案