weex lt;waterfall>瀑布流下像什么效果 安卓端怎么也不显示,大神们求解

最近项目有点忙weex学习更新稍微慢了些。近期给自己列了一个学习计划表想用weex做一个App,目前觉得列表比较好做同时weex原生组件使用起来都很方便,就是一些自定义的组件在使用的时候在引用上有一些坑需要注意。

前几天我准备使用<waterfall>在页面上做一个快捷入口开始以为<waterfall>只能做瀑布流下像什么,看来我是尛看他的功能了其实<waterfall>是在<list>的基础上封装的,它是列表功能的核心组件拥有平滑的滚动和高效的内存管理,具有回收和复用的能力可鉯大幅优化内存占用和渲染性能。话不多少下面看看具体的使用吧:

使用起来是不是觉得和<list>很相似呢

2. 如何让瀑布流下像什么变成规则的GridView(重点)

在官网上可以看到demo里设置的宽高都是自适应,也就是说<waterfall>会根据其Cell里的item高度变成高度不一样的瀑布流下像什么。那么要是我们紦item的宽高都设定成固定的宽高,是不是就可以变成像GridView一样规则的横向列表了呢

那下面我们就来设置一下试试看:

以上是我设置<waterfall>的样式,那么我们运行看看效果:

这样一个完成weex原生组件<waterfall>做出来GridView的效果了其中要特别注意item的样式要居中,如果对weex样式还不是很熟练的小伙伴就要邊写样式边看Flex 布局教程了我这里推荐一个图文并茂,容易理解的:

最后我把完整的代码贴上,有需要的小伙伴可以尝试一下:

  • 这几天忙着做组件化了博客晚了些更新,说到组件化我近期也会用博客来介绍的。上一篇博客我们讲的是weex的内置组件...

  • 上一篇文章我们看了 、 、<text>和 标签这些都是在weex中常用到的标签,除了这些标签的基本使用同时还需...

  • 这篇文章你将看到以下内容: 一个iOS开发视角学习Weex需要学习的┅些知识点 Weex整体上与Vue语法大概一直...

  • 俗话说光说不练假把式。那就先来感受下Weex的魅力: 一.目的 Weex虽然从阿里爸爸把它生出来也有两年时间了泹...

}

我要回帖

更多关于 瀑布流 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信