Как запустить анимацию без использования какой-либо кнопки? флаттер - PullRequest
Новая
       5

Как запустить анимацию без использования какой-либо кнопки? флаттер

0 голосов
/ 15 марта 2020

Я столкнулся с проблемой, пытаясь сделать анимацию во флаттере, я хочу просто превратить мой animatedContainer в разные цвета на определенное время, а после этого я хочу go другую страницу. Это мой настоящий код. Вы можете копировать, вставлять и пробовать решение без какой-либо зависимости в pubspe c

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)
    ),
  );
}

Это фотография анимированных контейнеров, я хочу изменить их цвета, когда я открываю представление в течение определенного времени и затем измените страницу

er

...