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

时间:2018-05-10 16:10:20

标签: react-native react-native-sectionlist

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

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

    实际出现的方式 How it actually appears

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

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

  

stickyHeaderIndices

     

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