Sectionlist与React Native中的粘滞标题水平对齐？

Question

我已经能够使用horizo​​ntal = {true}在React Native中呈现Sectionlist，但是当我对section header有两个问题时。

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

预期

实际出现的方式

Answer 1

horizontal是ScrollView的支柱。设置horizontal={true}将呈现ScrollView的每个子组件都是水平呈现的，无论是页眉还是页脚或空组件。如果您需要在＆＃34;预期＆＃34;下绘制的布局，则必须为此单独View。

如果要将horizontal设置为true，那么将所有内容水平排列是有意义的。如果SectionList呈现水平，则其部分应水平显示。如果您不在两个部分之间提供部分标题，用户将如何区分两个部分？如果你想让一个部分标题从一个新部分的顶部开始，这是你特有的，你可能必须编写自己的实现。

Answer 2

表现符合预期。 horizontal={true}表示标题也将水平呈现。

如果您希望标题位于项目上方，则可以通过将节标题的宽度设置为0，然后将水平标题放置在该元素的最顶部，使其覆盖下一个标题，从而对其进行破解元件。

根据ListView documentation，当stickySectionHeadersEnabled设置为true时，不支持horizontal道具。尽管目前在SectionList文档中没有这么说，但我认为SectionList也是如此。

  

stickyHeaderIndices

     

（...）与horizontal={true}结合使用时不支持此属性。