Hero Animation not working inside nested Navigator Hero Animation not working inside nested Navigator dart dart

Hero Animation not working inside nested Navigator


This is because Hero relies on a HeroController which the navigator in MaterialApp has but your custom one does not, to fix this just add the controller, like this.

import 'package:flutter/material.dart';class Home extends StatefulWidget {  @override  _HomeState createState() => _HomeState();}class _HomeState extends State<Home> {  HeroController _heroController;  @override  void initState() {    super.initState();    _heroController = HeroController(createRectTween: _createRectTween);  }  @override  Widget build(BuildContext context) {    return Navigator(      observers: [_heroController],      onGenerateRoute: (settings) {        return MaterialPageRoute(            settings: settings, builder: (context) => Text(''));      },    );  }  RectTween _createRectTween(Rect begin, Rect end) {    return MaterialRectArcTween(begin: begin, end: end);  }}