ListView: when sroll, next sticky header should push prev sticky header to top

List.Item 会挡，List.renderHeader 不会。 Card 整体都会挡住 ListView sticky SectionHeader

去掉以下 css 会露出来

.am-list-body .am-list-item {
  position: relative;
}

Version

1.3.0

Environment

web

Reproduction link

https://codepen.io/colder/pen/QgGzxq

Steps to reproduce

list or card as row

What is expected?

sticky section header fixed top

What is actually happening?

card and list item cover section header

[warmhug]

@cncolder list 确实是可用也可不用、rmc-list-view 里就没用到。不过 antd-mobile 里 listview 用 list ，是考虑到 header footer 等样式和 list 的一致，就集成进来了 list 的样式名及样式，除了 list.item 还有 list.body list.header footer 等样式名。

.am-list-item {
  position: relative;  // 这个不能去掉，list 里 ripple 或边线的 css position 设置需要这个
}

此问题解决办法：

<ListView ... stickyProps={{ stickyStyle: { zIndex: 999} }} />

[warmhug]

@chenghaohao 就会出现这种情况？是什么情况没明确，新开 issue 明确描述。这个 issue 跟你这个情况也没关系的。