微信小程序的 iOS 端的 flex 布局不会重新计算布局?

[caopi]

我设置了容器大小为页面可视区域，子元素分别是 flex: 1 （填充剩余高度)和折叠的组件，点击折叠组件，flex:1 的组件的高度会压缩？

但是 android 里表现虽然正常，iOS 却不会这样，而且折叠组件的展开部分被隐藏，flex：1 的高度不会改变。

这是 iOS 的表现差异吗？要如何修改呢

[abelmakihara]

没有完全看懂描述
不过你可以试着给折叠的 height 再加一个 min-height

[abelmakihara]

还有 flex 用 flex-grow 和 flex-shrink 试试

[caopi]

@abelmakihara 就是原本我设置了两个子元素，一个元素设置为 flex: 1 占据容器剩余高度，另一个元素是个折叠组件，点击展开高度会增加所以设置了 flex: 1 的组件会被挤压高度，android 里是这样没问题的。但是到了 iOS 里，flex:1 的元素的高度不会改变，而且折叠组件展开的高度都被隐藏了

[abelmakihara]

@caopi #3 外面加 overflow:hidden 试下

[caopi]

@abelmakihara 加了 flex-grow 和 flex-shrink 的，修复好了，多谢