实现Flutter页面间的导航(flutter_html)(flutter viewpager)

Flutter页面跳转

1、创建一个Flutter应用程序工程时，默认的main.dart文件如下所示：

import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
int _counter = 0;
void _incrementCounter() {
setState(() {
// This call to setState tells the Flutter framework that something has
// changed in this State, which causes it to rerun the build method below
// so that the display can reflect the updated values. If we changed
//_counter without calling setState(), then the build method would not be called again, and
 
代码文件名为SecondPage
 
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class SecondPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Second Page'),
),
);
}
}
// 在首页main.dart文件的100行添加一个点击跳转的RaisedButton控件，并实现点击跳转第二页的逻辑。
RaisedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => SecondPage()),
);
},
child: Text('Go to Second Page'),
); 
RaisedButton(              onPressed: () {                Navigator.push(context,                    new MaterialPageRoute(builder: (context) => SecondPage()));              },              child: Text('跳转页面'),            ),