Состояние AnimatedCrossFade не меняется

Question

Я не могу заставить базовую реализацию AnimatedCrossFade работать. Я могу успешно изменить состояние, но анимация не запускается при изменении состояния. Вот что у меня есть:

      class Home extends StatefulWidget {
  @override
  HomeState createState() => HomeState();
}

class HomeState extends State<Home> {
  bool showPost;

  @override
  void initState() {
    showPost = true;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {

    return CupertinoTabView(builder: (context) {
      return getPage();
    });
  }

  Widget getPage() {
    return Center(
        child: Row(children: [
      CupertinoButton(
        child: Text("press"),
        onPressed: () {
          setState(() {
            showPost = !showPost;
          });
          log(showPost.toString());
        },
      ),
      AnimatedCrossFade(
          duration: const Duration(seconds: 3),
          firstChild: Center(child: Text("First Option")),
          secondChild: Center(
              child: Text("Second Option")),
          crossFadeState:
              showPost ? CrossFadeState.showFirst : CrossFadeState.showSecond)
    ]));
  }
}