Flutter学习，第一个自己想实现的方法，界面跳转的实现

最新推荐文章于 2024-05-03 10:43:46 发布

matchaJay

最新推荐文章于 2024-05-03 10:43:46 发布

阅读量229

点赞数

分类专栏： Flutter 文章标签： Flutter Flutter学习 Flutter跳转实现

本文链接：https://blog.youkuaiyun.com/xiaoqi307/article/details/89399338

版权

Flutter 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了使用Flutter进行界面跳转的方法，通过具体代码示例展示了如何创建和使用路由进行页面导航，适合初学者和有经验的开发者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flutter学习，也看了几天了，想做下笔记为以后使用做好笔记，今天做了一个界面跳转的笔记

import 'package:flutter/material.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 Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        accentColor: Colors.cyan[600],
      ),
      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<MyHomePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
        actions: <Widget>[
          new IconButton(icon: new Icon(Icons.list), onPressed: _pushSaved)
        ],
      ),
    );
  }
  void _pushSaved(){
    Navigator.of(context).push(
      new MaterialPageRoute(builder: (context){
        return new Scaffold(
          appBar: new AppBar(
            title: new Text('Save Suggestions'),
          ),
        );
      }),
    );
  }
}