实现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('跳转页面'),            ),
 
 
 
 
 
 
 
 
 

标签： 谷歌商店上架 页面 图片