flutter 通过 ListView 展示列表点击跳转查看 Image 组件的颜色混合模式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/JerryWu145/article/details/87162920

哇,这个名字好绕口

你可以理解为:使用 flutter 实现listview 并且点击跳转

你也可以理解为: Image 组件的 colorBlendMode(颜色混合模式)的示例

我们先看一下示例吧~

ok,这下明白了吧。

一、实现ListView效果

首先,定义一个数组

然后定义一个返回ListView的方法

修改创建flutter项目后的body体

这样,ListView就创建好了

需要注意的是,ListView 中的 item 采用的是 FlatButton ,这样做的目的是方便编写点击事件

二、编写点击事件方法


这里使用到了router,点击显示新的页面

首先添加图片

在项目跟目录创建images文件夹,然后贴入先要展示的图片

然后需要在配置文件pubspec.yaml中配置一下

将第一步中的ListView的点击事件进行修改即可

哦,对了,还要定义一个colorBlendMode的数组

bingo

项目源码地址

猜你喜欢

转载自blog.csdn.net/JerryWu145/article/details/87162920