前提:就是想弄一个列表,接着列表有组件的名称以及点击对应那行会跳转到对应的页面展示。如下图
在实现的过程中其实调整了好几次,下面记录一下,下面只是单独页面的列表展示思路实现过程而已,路由另外还要设置,如何设置请到Flutter路由以及简易列表ListView展示
第一阶段:一开始用了gridview组件实现的,而且一开始是一个个引入,发现重复的代码过多,而且没必要,代码和呈现如下图所示
第二阶段:使用 ListView 组件来显示,将ListTile的数据抽出来,使其便于阅读,并且将对应的列表信息单独放在一个 searchList.dart文件里面,方便管理和查看,
第三阶段:使用到的是 ListView.builder组件,因为后续列表比较多,由于下面这些原因,所以修改形成这样子
ListView和ListView.builder的主要区别
ListView构造函数要求我们一次创建所有项。当列表项较少且全部显示在屏幕上时,这是很好的做法,但如果不是,那么对于较长的列表项,这不是一个好的做法。
鉴于ListView.Builder构造函数将创建滚动到屏幕上的项目,就像按需创建项目一样。这是List小部件开发的最佳实践,在List小部件中,只有在屏幕上看到项目时才会呈现项目。