1回答

CrazyCodeBoy

2019-04-22

对着这块的代码检查下配置：

class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('如何创建和使用Flutter的路由与导航？'),
),
body: RouteNavigator(),
),
routes: <String, WidgetBuilder>{
'plugin': (BuildContext context) => PluginUse(),
'less': (BuildContext context) => LessGroupPage(),
'ful': (BuildContext context) => StatefulGroup(),
'layout': (BuildContext context) => FlutterLayoutPage(),
'gensture': (BuildContext context) => GesturePage(),
'res': (BuildContext context) => ResPage(),
'launch': (BuildContext context) => LaunchPage(),
'photo': (BuildContext context) => PhotoApp(),
});
}
}

class RouteNavigator extends StatefulWidget {
@override
_RouteNavigatorState createState() => _RouteNavigatorState();
}

class _RouteNavigatorState extends State<RouteNavigator> {
bool byName = false;

@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: <Widget>[
SwitchListTile(
title: Text('${byName ? '' : '不'}通过路由名跳转'),
value: byName,
onChanged: (value) {
setState(() {
byName = value;
});
}),
_item('如何使用Flutter包和插件？', PluginUse(), 'plugin'),
_item('StatelessWidget与基础组件', LessGroupPage(), 'less'),
_item('StatefulWidget与基组件', StatefulGroup(), 'ful'),
_item('如何进行Flutter布局开发', FlutterLayoutPage(), 'layout'),
_item('如何检测用户手势以及处理点击事件？', GesturePage(), 'gesture'),
_item('如何导入和使用Flutter的资源文件？', ResPage(), 'res'),
_item('如何打开第三方应用？', LaunchPage(), 'launch'),
_item('【实战尝鲜】拍照APP开发', PhotoApp(), 'photo'),
],
),
);
}

_item(String title, page, String routeName) {
return Container(
child: RaisedButton(
onPressed: () {
if (byName) {
Navigator.pushNamed(context, routeName);
} else {
Navigator.push(
context, MaterialPageRoute(builder: (context) => page));
}
},
child: Text(title),
),
);
}
}

然后：

• 删除build目录

• 卸载APP
  

• 重新运行下

0

0