Flutter教程_Flutter 中的命名路由

发布于 5 个月前 作者 phonegap100 178 次浏览 最后一次编辑是 5 个月前 来自 分享

在Flutter 中简单的项目用普通路由就够了,但是复杂的项目的话我们建议大家使用命名路由

1、配置Flutter命名路由


import 'package:flutter/material.dart';

import 'pages/Tabs.dart';

import 'pages/Search.dart';
import 'pages/Form.dart';

void main() => runApp(MyApp());
class MyApp extends StatelessWidget {  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // home:Tabs(),
      initialRoute: '/',
      routes: {
        '/':(contxt)=>Tabs(),
        '/search':(contxt) =>SearchPage(),
        '/form': (context) => FormPage(),
      },
    );
  }
}

2、Flutter 中的命名路由跳转


RaisedButton(
            child: Text("跳转到搜索页面"),
            onPressed: (){
              Navigator.pushNamed(context, '/search');                
            },
            color: Theme.of(context).accentColor,
            textTheme: ButtonTextTheme.primary
)

回到顶部