Flutter中函数作参数作回调

最新推荐文章于 2025-04-03 13:42:55 发布

原创最新推荐文章于 2025-04-03 13:42:55 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用函数作为参数的方法，以简化不同页面ListView的构建过程。通过将数据处理和事件响应分离，实现了代码的复用性和灵活性。作者分享了如何在Flutter中创建一个通用的List构建函数，该函数接受数据列表和回调函数作为参数，从而能够根据不同需求动态生成ListView组件。

很想好好写写博客，但是没时间，只能作笔记，把有用记来。
在做listview的时候，都是先做好列表数组，然后build一个List传给Listview，所以我就公共文件包里写了一个通用函数，以此来应对不同页面的Listview构建数据，这个时候Ontop事件就不好处理，看了好多文章，都没搞定，最看到动态函数几个字，脑瓜一闪，搞定了。。

//函数作参数的定义
List<Widget> BuildWedgit(List listData,Function(int) fun){
    List<Widget> list = new List();
    Image img;
    int i=0;
    String title;
    String subtitle;
    Usercard card;
    for(int i=0;i<listData.length;i++) {
      //下面省略
      list.add( 
        ListTile(
          onTap:(){
	        //这里调用传过来的函数
            fun(i);
          } 
        )
      );
      list.add(Container(height: 0.5,color:Colors.grey));
    }
    return list.toList();
  }
}
//调用页面中的函数体
myselect(int i){
    print('选择了'+i.toString());
}
//调用页面中的Listview
child:ListView(
      shrinkWrap: true,
      padding: EdgeInsets.all(0),                                                      
      children: BuildWedgit(listData,myselect)                       
),
//完了，没想到这么简单