Flutter项目——静态页面布局2

最新推荐文章于 2023-07-17 11:14:55 发布

showMeizi

最新推荐文章于 2023-07-17 11:14:55 发布

阅读量743

点赞数 1

文章标签： flutter android

本文链接：https://blog.csdn.net/m0_48132830/article/details/127906918

版权

flutter 列表样式

ListView列表

  @override
  Widget build(BuildContext context) {
    // 从上到下  根据数据来渲染页面
    return ListView.builder(
      itemCount: _movielist.length,
      // 遍历函数
      itemBuilder: (BuildContext context, int index) {
        // 存储下每一个遍历的item项
        Map _item = _movielist[index];
        // GestureDetector 他可以添加事件，如果我们想要添加事件，那么就把我们内容放在 GestureDetector 的child属性里面，调用GestureDetector的事件函数
        return GestureDetector(
          onTap: () {
            // 点击每一个Item项，就跳转到对应的详情页
            // 使用路由跳转的方法，是material 为我们提供的
            Navigator.of(context).push(MaterialPageRoute(
              builder: (BuildContext context){
                return MovieDetail(name: _item["nm"], id: _item["id"]);
              }