美文网首页FlutterAndroid开发积累
flutter 通过 ListView 展示列表点击跳转查看 I

flutter 通过 ListView 展示列表点击跳转查看 I

作者: 黑键手记 | 来源:发表于2019-02-13 09:35 被阅读85次

哇,这个名字好绕口

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

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

我们先看一下示例吧~


ok,这下明白了吧。

一、实现ListView效果

首先,定义一个数组

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

修改创建flutter项目后的body体

这样,ListView就创建好了


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

二、编写点击事件方法


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

首先添加图片

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

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

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


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


bingo

项目源码地址

相关文章

网友评论

    本文标题:flutter 通过 ListView 展示列表点击跳转查看 I

    本文链接:https://www.haomeiwen.com/subject/rubkeqtx.html