flutter 简单设置路由

main.dart

import 'package:Flutter/material.dart';
import 'ui/widget/BottomNavigationWidget.dart';
import 'ui/pages/search/search.dart'; // 引入路由页面

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter bottomNavigationBar',
      theme: ThemeData.light(), //主题
      home: BottomNavigationWidget(), // 主页面
      routes: <String, WidgetBuilder>{
        '/search': (BuildContext context) => Search(), // 配置路由路径与页面
      },
    );
  }
}

search.dart

路由页面

import 'package:Flutter/material.dart';

class Search extends StatefulWidget {
  _Search createState() => _Search();
}

class _Search extends State<Search> {
  String searchValue;

  @override
  void initState() {
    // Todo: implement initState
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('搜小说'),
      ),
      body: Center(
        child: Text('搜索页'),
      ),
    );
  }
}

路由跳转

Navigator.pushNamed(context, '/search');