列表组件list-view的使用，flex布局教程，以APICloudAVM框架为例

avm.js是APICloud推出的多端开发框架。使用avm.js技术栈同时开发Android&iOS原生应用、小程序和iOS轻应用，多端渲染效果统一；全新的AppEngine3.0不依赖webView，提供100%原生渲染，保证App性能和体验与原生App一致。list-view定义了可重用内容的垂直滚动视图，可以优化内存使用和渲染性能，支持下拉刷新和上拉加载。可以使用滚动视图的基本属性。list-view中可以放置cell、list-header、list-footer、refresh等组件，cell组件作为每一项的显示内容。下面看一个list-view的示例：list-view只支持APP，需要使用自定义加载器或者APPloader调试调试教程，可以查看文档APICloudStudio3WiFi真机同步和WiFi真机预览说明list-viewself具有内存恢复功能，可以滚动加载更多。list-view添加下拉刷新组件refresh根据refresh组件文档，在list-view标签中添加refresh标签，如下：将刷新组件的css和js代码复制到对应的style和script标签中，并添加两个pull-down刷新项目目录image标签下使用的图片完整代码如下：Flex布局介绍：Flex布局即弹性盒子布局，比较适用于移动端场景，可以自动缩放适应不同屏幕尺寸的flexbox或者子元素为flexbox项的容器。flex布局的主要作用是按预期在主轴或横轴上排列和分布项目，定义每个项目占用空间的比例，并随容器的大小伸缩。APICloud-专业APP开发、APP定制服务商，提供一站式移动应用解决方案，满足您的各种需求，欢迎评估需求，免费获取报价。