search

tingyuxuan2302 / taro3-virtual-list

基于taro3封装的虚拟列表，对列表节点不等高以及白屏等问题支持友好，无计算量，性能优异，支持各大小程序以及h5页面
MIT License
190 stars 26 forks source link

flex或者grid布局 #5

Closed GrapevineLin closed 3 years ago

GrapevineLin commented 3 years ago

如果我的列表是flex或者grid布局，应该怎么办呢

tingyuxuan2302 commented 3 years ago

如果我的列表是flex或者grid布局，应该怎么办呢

该组件内部使用的也是Taro的原生ScrollView组件实现的，不清楚您讲的列表布局具体是怎样的，如果说是基于ScrollView开发的，按理说应该也是可以支持的

GrapevineLin commented 3 years ago

如果我的列表是flex或者grid布局，应该怎么办呢

该组件内部使用的也是Taro的原生ScrollView组件实现的，不清楚您讲的列表布局具体是怎样的，如果说是基于ScrollView开发的，按理说应该也是可以支持的

感谢回复。 就是我希望我的列表子item是安装flex或者grid来布局的，有没有办法实现呢？ 从源码来看，子item的父元素是一个Block标签，如果能注入样式，是不是就可以呢 image

GrapevineLin commented 3 years ago

我修改了源码，发现是可以的，我觉得可以提供一个入参，styles或者className给这个Block元素，作者大大你觉得呢？ image

tingyuxuan2302 commented 3 years ago

我修改了源码，发现是可以的，我觉得可以提供一个入参，styles或者className给这个Block元素，作者大大你觉得呢？ image

按照你的意思，是每个item外边需要有一个样式类，提供给用户去自定义布局，Block是虚拟元素，添加className是无效的，所以，如下图 image 然后你在zt-wrap-item里边自定义布局，怎样，你可以尝试一下是否ok

tingyuxuan2302 commented 3 years ago

我修改了源码，发现是可以的，我觉得可以提供一个入参，styles或者className给这个Block元素，作者大大你觉得呢？ image

按照你的意思，是每个item外边需要有一个样式类，提供给用户去自定义布局，Block是虚拟元素，添加className是无效的，所以，如下图 image 然后你在zt-wrap-item里边自定义布局，怎样，你可以尝试一下是否ok

包已更新到1.0.10版本，添加了zt-wrap-item样式类，我感觉这是个非常好的建议，感谢🙏

GrapevineLin commented 3 years ago

才发现Block在微信小程序是虚拟元素，但是在H5是编译成taro-view-core的块级元素，哈哈。 建议把Block换成Fragement。 感谢采纳想法，另外有发现@types/index.d.ts 这个文件from的地址写错了。

tingyuxuan2302 commented 3 years ago

才发现Block在微信小程序是虚拟元素，但是在H5是编译成taro-view-core的块级元素，哈哈。 建议把Block换成Fragement。 感谢采纳想法，另外有发现@types/index.d.ts 这个文件from的地址写错了。

我怎么才发现😂，感谢指出👍，最后如果该组件对您的思路有一点启发的话，可否赐予一枚star😝，给予我动力持续优化迭代😁

GrapevineLin commented 3 years ago

才发现Block在微信小程序是虚拟元素，但是在H5是编译成taro-view-core的块级元素，哈哈。 建议把Block换成Fragement。 感谢采纳想法，另外有发现@types/index.d.ts 这个文件from的地址写错了。

我怎么才发现😂，感谢指出👍，最后如果该组件对您的思路有一点启发的话，可否赐予一枚star😝，给予我动力持续优化迭代😁

哈哈，一起成长，star加护