Can't use implicit animations when having ThemeSwitchingArea

chaosLegacy commented 2 years ago

I have a simple code where I animate a container

  @override
  Widget build(BuildContext context) {
    return ThemeSwitchingArea(
      child: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              AnimatedContainer(
                duration: const Duration(seconds: 2),
                color: _color,
                height: _height,
                width: _width,
                curve: Curves.bounceInOut,
                child: Image.asset('assets/images/coffee.png'),
              ),
              MaterialButton(
                onPressed: () => setState(() {
                  _color = _color == Colors.red ? Colors.deepPurple : Colors.red;
                  _height = _height == 100 ? 200 : 100;
                  _width = _width == 100 ? 300 : 100;
                }),
                child: const Icon(Icons.star),
              )
            ],
          ),
        ),
      ),
    );
  }

I noticed that with ThemeSwitchingArea, there's no animation at all, and it only works once I remove the widget