技术胖Flutter第四季-20导航的参数传递和接受-1

技术胖Flutter第四季-20导航的参数传递和接受-1

 

视频地址：https://www.bilibili.com/video/av35800108/?p=21

 

先安装一个新的插件：

Awesome Flutter Snippets

 

 

先把商品的类抽象出出来一个类，两个属性 一个是title标题 一个是description描述

 

定义ProductList组件

安装插件后的快捷键：

stless的快捷键，直接生成类的主体结构。

然后写入口文件void main.里面用了 MaterialApp,Material样式的组件。

然后给自定义的组件ProductList传递了一个20个product对象的List过去。

 

因为它不是无名无参的，所以我们要调用父类的方法super只要满足这个key值就可以了。这样我们的参数就可以使用了。

先接收参数Products 然后重写了Build方法

 

onTap点击的时候有个响应事件。

因为之前的效果也运行着 ，所以这里最好flutter run 重新启动一下

 

这样我们的商品列表就出来了。

 

 

如果修改了数组的内容 例如：这里修改了商品的前缀，r热更新没有作用需要flutter run 重新启动一下