13-5实现旅拍瀑布流布局-2

瀑布流布局的组件。
13-5实现旅拍瀑布流布局-2_第1张图片

13-5实现旅拍瀑布流布局-2_第2张图片

13-5实现旅拍瀑布流布局-2_第3张图片
看官方的使用说明
13-5实现旅拍瀑布流布局-2_第4张图片
在Scoffold脚手架下直接用组件。
13-5实现旅拍瀑布流布局-2_第5张图片
创建一个通用的方法来返回我们的类。
13-5实现旅拍瀑布流布局-2_第6张图片
接收这么几个参数
13-5实现旅拍瀑布流布局-2_第7张图片
名字修改为_TravelItem
13-5实现旅拍瀑布流布局-2_第8张图片

13-5实现旅拍瀑布流布局-2_第9张图片
这两个参数不需要 删除掉。
13-5实现旅拍瀑布流布局-2_第10张图片

使用这个TabPage

13-5实现旅拍瀑布流布局-2_第11张图片

运行测试

没有效果
13-5实现旅拍瀑布流布局-2_第12张图片
double不能转换成int类型。
13-5实现旅拍瀑布流布局-2_第13张图片

debug调试

13-5实现旅拍瀑布流布局-2_第14张图片
13-5实现旅拍瀑布流布局-2_第15张图片
勾选所有的
13-5实现旅拍瀑布流布局-2_第16张图片
最主要的是这个dart异常
13-5实现旅拍瀑布流布局-2_第17张图片
切换到旅拍模块
13-5实现旅拍瀑布流布局-2_第18张图片
自动断到了异常的地方
13-5实现旅拍瀑布流布局-2_第19张图片
看一下返回的数据类型是什么
13-5实现旅拍瀑布流布局-2_第20张图片
是个double类型。
13-5实现旅拍瀑布流布局-2_第21张图片
把travel_model这两个改成double类型。
13-5实现旅拍瀑布流布局-2_第22张图片
再次debug调试 又到了这个地方
13-5实现旅拍瀑布流布局-2_第23张图片
看到接收的是int类型。
13-5实现旅拍瀑布流布局-2_第24张图片
13-5实现旅拍瀑布流布局-2_第25张图片
往下执行
13-5实现旅拍瀑布流布局-2_第26张图片
这里改成int类型
13-5实现旅拍瀑布流布局-2_第27张图片
运行结果 。
13-5实现旅拍瀑布流布局-2_第28张图片

回顾

查看修改的代码
13-5实现旅拍瀑布流布局-2_第29张图片


 

结束

 

你可能感兴趣的:(13-5实现旅拍瀑布流布局-2)