Flutter(二十四)——参数回传

最新推荐文章于 2023-12-21 11:38:45 发布

李元静

最新推荐文章于 2023-12-21 11:38:45 发布

阅读量1.9w

点赞数

分类专栏： Flutter开发手机应用 android 文章标签：移动开发参数回传 dart async snackbar

本文链接：https://blog.csdn.net/liyuanjinglyj/article/details/104730330

版权

这篇博客介绍了Flutter中如何实现参数回传。通过一个城市选择的例子，展示了在主页面点击按钮跳转到选择城市界面，用户选择后通过Navigator.pop()将数据返回到主页面并展示在SnackBar上。主要涉及dart语言的async和await特性。

摘要由CSDN通过智能技术生成

本文目录

前言

上一篇通过静态路由以及动态路由了解了，在Flutter开发中界面的跳转，但在实际的项目中，并不仅仅只有跳转这么一种需求，还有回传参数。(下图为本文实现最终效果图)
本文实现效果
比如在某些悬浮窗口中选择城市，然后返回地址等等，都具有回传参数的需求，那么在Flutter开发中，要怎么实现这么一种需求呢？不妨我们来做一个城市参数回传的例子。

主页面

首先，就是我们App的主页面设计，肯定有跳转到选择城市界面的功能，所以代码应该是这个样子的：

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget{
   
  @override
  Widget build(BuildContext context) {
   
    return Scaffold(
      appBar: AppBar(
        title: Text("主页面"),
      ),
      body: Center(
        child: JumpButton()
      ),
    );
  }
}

class JumpButton extends StatelessWidget{
   
  @override
  Widget build(BuildContext context) {
   
    return RaisedButton