3

我已经能够在 React Native 中使用 Horizo​​ntal={true} 渲染 Sectionlist，但是当我在部分标题方面遇到两个问题时。

  1. 标题显示为列表的一部分，而不是在其上方。
  2. 即使使用stickySectionHeadersEnabled={true}，标题也不会粘贴并随着列表滚动。

预期的预期的

它实际上是如何出现的 它实际上是如何出现的

4

2 回答 2

1

horizontal是 ScrollView 的一个道具。设置horizontal={true}将渲染 ScrollView 的每个子组件以水平渲染，无论是页眉或页脚还是空组件。如果您需要在“预期”下绘制的布局，则必须为此分开View。

horizontal如果您设置为 true ，则使所有内容水平对齐是有意义的。如果 aSectionList呈现水平，它的部分应该水平出现。如果您不在两个部分之间提供部分标题，用户将如何区分两个部分？如果你想让一个节头从一个新节的顶部开始，那是特定于你的，你可能必须编写自己的实现。

于 2018-05-11T18:39:47.570 回答
1

这是按预期进行的。horizontal={true}意味着标题也将水平呈现。

如果您希望标题位于项目上方，您可能会通过将部分标题的宽度设置为 0 来破解它，并在该元素内放置一个水平标题，位于最顶部，以便覆盖下一个元素。

根据ListView 文档，设置为 truestickySectionHeadersEnabled时不支持该道具。horizontal虽然它目前没有在SectionList文档中说明这一点，但我认为 SectionList 也是如此。

粘性标头索引

(...) 不支持此属性与horizontal={true}.

于 2019-11-02T03:34:18.217 回答