Flutter点击事件和页面传值

最新推荐文章于 2024-08-09 02:10:58 发布

晓果博客

最新推荐文章于 2024-08-09 02:10:58 发布

阅读量7k

点赞数

分类专栏： dart&flutter 文章标签： flutter

本文链接：https://blog.csdn.net/huangxiaoguo1/article/details/85341933

版权

dart&flutter 专栏收录该内容

26 篇文章 4 订阅

订阅专栏

点击事件

在flutter开发中，点击事件必须在布局外面包裹InkWell，借助InkWell来进行传值,核心代码如下：

	//如果要点击，外面必须包裹一层InkWell
          new InkWell(
             	onTap: () {
             		 Navigator.of(context).push(new MaterialPageRoute(builder: (ctx) => new MovieList(movieType: movieType)));
           		 },
          		  .....
            }

在这里插入图片描述

页面传参

上一个页面传递：如上点击事件进行传递

导入movieList
import 'package:douban/pages/movie/movieList.dart';

传递数据
new MovieList(movieType: movieType)

下一个页面接收数据

class MovieList extends StatefulWidget {
  String movieType;
  //构造器传递数据（并且接收上个页面传递的数据）
  MovieList({Key key, this.movieType}) : super(key: key);
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new MovieListState(movieType: this.movieType);
  }
}

class MovieListState extends State<MovieList> {
  String movieType;
  /**
   * 构造器接收（MovieList）数据
   */
  MovieListState({Key key, this.movieType}) {
    
   }

这时movieType在MovieList 就可以使用了