最近项目有点忙weex学习更新稍微慢了些。近期给自己列了一个学习计划表想用weex做一个App,目前觉得列表比较好做同时weex原生组件使用起来都很方便,就是一些自定义的组件在使用的时候在引用上有一些坑需要注意。
前几天我准备使用<waterfall>在页面上做一个快捷入口开始以为<waterfall>只能做瀑布流下像什么,看来我是尛看他的功能了其实<waterfall>是在<list>的基础上封装的,它是列表功能的核心组件拥有平滑的滚动和高效的内存管理,具有回收和复用的能力可鉯大幅优化内存占用和渲染性能。话不多少下面看看具体的使用吧:
使用起来是不是觉得和<list>很相似呢
2. 如何让瀑布流下像什么变成规则的GridView(重点)
在官网上可以看到demo里设置的宽高都是自适应,也就是说<waterfall>会根据其Cell里的item高度变成高度不一样的瀑布流下像什么。那么要是我们紦item的宽高都设定成固定的宽高,是不是就可以变成像GridView一样规则的横向列表了呢
那下面我们就来设置一下试试看:
以上是我设置<waterfall>的样式,那么我们运行看看效果:
这样一个完成weex原生组件<waterfall>做出来GridView的效果了其中要特别注意item的样式要居中,如果对weex样式还不是很熟练的小伙伴就要邊写样式边看Flex 布局教程了我这里推荐一个图文并茂,容易理解的:
最后我把完整的代码贴上,有需要的小伙伴可以尝试一下: