1、页面跳转的几种方式

*1、默认方式

Navigator.of(context).push(
    MaterialPageRoute(builder:
       (BuildContext context)=>DetailPageDemo(title:'详情')
    )
 );

*2、预定义路由

routes: {
         //预定义
         '/about': (context) => DetailPageDemo(title: 'about')
       },
Navigator.pushNamed(context, "/about");

*3、根路由的定义

initialRoute: '/', //指定根路由
routes: {
         '/':(context) => NavgationDemo(),//根路由的定义
        },