36信息流 ListView 的实现.pdfVIP

信息流 ListView 的实现 上图是显示的是正在热映的电影的信息流，本节要实现这个信息流。 正在热映的信息流⻚⾯ 将信息流⻚⾯在单独的类⾥实现 因为信息流⻚⾯的实现⽐较复 ，所以为了使代码结构清晰，⼜需要 对原来的代码进⾏重构，这次将信息流⻚⾯的代码提取出来，在单独 的类⾥实现。 新建⼀个⽂件 HotMoviesListWidget.dart,代码为： import package:flutter/material.dart; class HotMoviesListWidget extends StatefulWidget { override StateStatefulWidget createState() { // TODO: implement createState return HotMoviesListWidgetState(); } } class HotMoviesListWidgetState extends StateHotMoviesListWidget { override Widget build(BuildContext context) { // TODO: implement build return Center( child: Text(正在热映), ); } } 然后将 HotWidget.dart ⾥正在热映的代码从： children: Widget[ Center( child: Text(正在热映), ), Center( child: Text(即将上映), ) ] 改为: children: Widget[ HotMoviesListWidget(), Center( child: Text(即将上映), ) ] 使⽤ ListView 实现信息流 很明显，要实现信息流，需要⽤到 ListView 。 HotMovieData ：上映电影的信息 新建⼀个⽂件 HotMovieData.dart，在这个⽂件⾥创建存储上映电 影信息的类 HotMovieData ： class HotMovieData{ String title; double rating; String directors; String casts; int watchedPeople; String images; HotMovieData(this.title,this.rating,this.directors ,this.casts,this.watchedPeople,this.images); } HotMovieItemWidget ：ListView ⾥ item 的布局 新建⼀个⽂件 HotMovieItemWidget.dart ⽤来实现信息流 ListView ⾥ item 的布局。 item 的布局解析之后如下： ⽽且 item ⾥要显示数据，所以要在 item ⾥传⼊ HotMovieData 的 数据，加到 HotMovieItemWidget 的构造函数⾥： class HotMovieItemWidget extends StatefulWidget { HotMovieData hotMovieData; HotMovieItemWidget(this.hotMovieData); override StateStatefulWidget createState() { // TODO: implement createState return HotMovieItemWidgetState(); } } 最后实现的代码为： import package:flutter/material.dart; import package:flutter_doubanmovie/HotMovieData.dart; class HotMovieItemWidget extends StatefulWidget { HotMovieData hotMovieData; HotMovieItemWidget(this.hotMovieData); override StateStatefulWid