scroll-view开启enable-flex,css为display: flex高度不正常
代码
<scroll-view scroll-x="{{true}}" enable-flex="{{true}}" style="background:rgba(255, 255, 255, 1);overflow-x: scroll;overflow-y: hidden;flex-direction: row; flex-wrap: nowrap;display: flex; background-color: red;max-height: fit-content;">
1. enable-flex="{{true}}" + style=" display: flex;" scroll-view 高度显示不正常
2. 删除一个后都正常
fsdfsdf 没有高度,开发工具显示的高度不对,手机高度正常 ; 删除后正常 删除后也正常
不正常没设高度
删除后正常
</scroll-view>
align-items: flex-start;加上这个 因为flex布局下默认stretch会自动填满高度 再加计算得出高度 导致无限增长
解决了吗?问题还在!!
你好,这个问题已经复现。目前只要指定一下这个scroll-view的具体高度即可解决问题。
这边跟相关同事了解了一下,如果没有给予高度,会附上一个随机高度来处理内部布局。所以这个不是一个bug,是一个feature。建议是往scroll-view上指定具体的高度来规避。