flutter - fluro
路由传参
route.dart
import 'package:fluro/fluro.dart';
//添加页面
import 'package:m/pages/loginPage.dart';
import 'package:m/pages/homePage.dart';
import 'package:m/pages/searchPage.dart';
class Routes {
static Router router;
static void configureRoutes(Router router) {
//登陆页
router.define('/', handler: new Handler(handlerFunc: (context, params) {
return new LoginPage();
}));
//主页
router.define('/home', handler: new Handler(handlerFunc: (context, params) {
return new HomePage();
}));
//搜索页
router.define('/search/:data', handler: new Handler(handlerFunc: (context, params) {
return SearchPage(params['data'][0]);
}));
Routes.router = router;
}
}
配置 main.dart
import 'package:flutter/material.dart';
import 'package:fluro/fluro.dart';
void main() {
///初始化并配置路由
final router = new Router();
Routes.configureRoutes(router);
return runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(onGenerateRoute: Routes.router.generator);
}
}
login跳转home ,不带参数
import 'package:flutter/material.dart';
import 'package:fluro/fluro.dart';
//跳转主页
Routes.router.navigateTo(context, '/home', //跳转路径
transition: TransitionType.inFromRight //过场效果
);
跳转search,带参数
home.dart
//home.dart
var kind = 'ssss';
Routes.router.navigateTo(
context, '/search/$kind', //跳转路径
transition: TransitionType.fadeIn //过场效果
);
search.dart
//search.dart
class SearchPage extends StatefulWidget {
//接受传值
String _result;
SearchPage(this._result);
@override
_SearchPageState createState() => _SearchPageState();
}
class _SearchPageState extends State<SearchPage> {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Color(constant.mainColor),
title: Text(widget._result)
),
body:Text(widget._result)
)
}
}
ps:找不到pop传参的。难受。只能用之前的navigator.pop
等找到了就补上