Flutter Navigator返回黑屏解决

发表于 2019年12月15日
flutter

Flutter Navigator黑屏

使用Navigator和静态路由和动态路由从第三级子页面跳到一级页出现黑屏：

child: RaisedButton(
  child: Text('走走'),
   onPressed: (){
    //静态路由
    //Navigator.of(context).pushNamed('/twoPage');
    //动态路由
    Navigator.push(
      context,
      MaterialPageRoute(builder: (newPage){
           return new newTwoPage();
      }),
    );
}),

child: RaisedButton(

child: Text('走走'),

onPressed: (){

//静态路由

//Navigator.of(context).pushNamed('/twoPage');

//动态路由

Navigator.push(

context,

MaterialPageRoute(builder: (newPage){

return new newTwoPage();

}),

);

}),

在stackoverflow看到一个回复：
This can happen if your MoviesPage has another MaterialApp widget. Most of the time you want to use Scaffold as a top widget for a new page/screen, but if you accidentally use MaterialApp instead, nothing warns you.
What happens, is that MaterialApp creates a new Navigator, so if you switch from one page with MaterialApp to another, you now have two Navigators in the widget tree.
The call Navigator.of(context) looks for the closest Navigator, so it'll use the one, newly created in your MoviesPage. As the history of your route transitions is stored in a first Navigator, this one can't pop back – it has empty route history.
Hence, the black screen.
Long story short, to fix this, just use Scaffold as a top widget instead of MaterialApp in all nested screens.