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

哇,这个名字好绕口

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

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

我们先看一下示例吧~


ok,这下明白了吧。

一、实现ListView效果

首先,定义一个数组

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

修改创建flutter项目后的body体

这样,ListView就创建好了


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

二、编写点击事件方法


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

首先添加图片

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

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

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


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


bingo

项目源码地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,537评论 0 17
  • 背景 此篇文章,主要针对想要在原有Native工程的基础上集成Flutter的需求,所提供的混编方案的探讨。 Fl...
    ForestSen阅读 20,460评论 26 104
  • 去年花落燕子坞,蝶儿无归处,惊蝉折翼休共舞,东风凋碧树,好凄楚! 昨夜冷榻西窗烛,醉与寒光舞,梦里难闻瑶琴赋,一纸...
    北国小生阅读 154评论 0 0
  • 你想尝一口我手里的草莓吗 是的 它因为你要尝一尝就是甜的 但是在我嘴里的时候 它有些酸涩 你问我草莓甜吗 我不知道...
    刘美好y阅读 214评论 0 1
  • 一、保险公司盈利的两个轮子 笼统的说,保险公司的盈利包括两个部分:承保利润和投资收益,即业内常说的保险要靠两个轮子...
    伽罗的假期阅读 423评论 0 1