React native 反应本机:ListView中的粘性节标题不粘性

React native 反应本机:ListView中的粘性节标题不粘性,react-native,React Native,ListView中renderSectionHeader的文档“如果提供,则会为此节呈现一个粘性头。粘性行为意味着它将滚动节顶部的内容,直到到达屏幕顶部,此时它将粘在顶部,直到被下一节头推出屏幕。” 但是,它已被删除,并且“如果提供,则为该节呈现一个标题。” 他们增加了两个道具和一个。我将其具体化如下: <ListView style={styles.container} dataSource={this.state.dataSource}

ListView中renderSectionHeader的文档“如果提供,则会为此节呈现一个粘性头。粘性行为意味着它将滚动节顶部的内容,直到到达屏幕顶部,此时它将粘在顶部,直到被下一节头推出屏幕。”

但是,它已被删除,并且“如果提供,则为该节呈现一个标题。”

他们增加了两个道具和一个。我将其具体化如下:

<ListView
         style={styles.container}
         dataSource={this.state.dataSource}
         renderRow={(data) => <Row {...data} />}
         renderSeparator={(sectionId, rowId) => <View key={rowId} style={styles.separator} />}
         renderSectionHeader={(sectionData) => <SectionHeader {...sectionData} />}
         stickySectionHeadersEnabled = {true}
         stickyHeaderIndices={[0]}
       />
}
RenderParator={(sectionId,rowId)=>}
renderSectionHeader={(sectionData)=>}
stickySectionHeadersEnabled={true}
stickyHeaderIndices={[0]}
/>

然而,在iOS模拟器上,我的头不是粘性的。我没有尝试在设备上运行它

可能有三个原因:

1) 我假设您正在克隆具有行和节的数据,如果没有,则按如下方式进行:

this.setState({
    dataSource: this.state.dataSource.cloneWithRowsAndSections(this.state.data)
})
2) 第一个原因是在scrollview中使用listView

3) 您不必为iOS提供
stickySectionHeadersEnabled={true}
。请删除并重试

4) 如果您使用的是react本机版本
0.42-0.43
,则将其升级到0.44即可解决问题。(主要针对android)

5) 让我们检查一下代码


干杯:)

这可能有三个原因:

1) 我假设您正在克隆具有行和节的数据,如果没有,则按如下方式进行:

this.setState({
    dataSource: this.state.dataSource.cloneWithRowsAndSections(this.state.data)
})
2) 第一个原因是在scrollview中使用listView

3) 您不必为iOS提供
stickySectionHeadersEnabled={true}
。请删除并重试

4) 如果您使用的是react本机版本
0.42-0.43
,则将其升级到0.44即可解决问题。(主要针对android)

5) 让我们检查一下代码


干杯:)

如果您的ListView位于NavigatorIOS中,则部分标题可能会消失在半透明的导航栏后面

为了解决这个问题,将半透明={false}添加到NagigatorIOS:

<NavigatorIOS 
  translucent={false}
  ...
/>


最好设置一个paddingTop,因为导航栏的高度可能会根据iPad/iPhone或方向而变化。

如果您的ListView位于NavigatorIOS内部,则部分标题可能会消失在半透明的导航栏后面

为了解决这个问题,将半透明={false}添加到NagigatorIOS:

<NavigatorIOS 
  translucent={false}
  ...
/>


最好设置一个paddingTop,因为导航栏的高度可以根据iPad/iPhone或方向而变化。

#1 I am-数据源:ds.cloneWithRowsAndSections(数据块、分区ID、分区ID)#2-我没有在ScrollView中使用ListView#3-我尝试过启用和不启用StickySectionHeaders#4-我在“react native”:“0.43.4”。升级到0.44并没有改变一切#5-不确定还要去哪里检查…完整源代码:您完成了吗???1我是-数据源:ds.cloneWithRowsAndSections(dataBlob,sectionIds,rowIds)#2-我没有在ScrollView中使用ListView#3-我尝试过启用和不启用StickySectionHeaders#4-我在“react native”:“0.43.4”。升级到0.44并没有改变一切#5-不确定还有什么地方可以检查…完整来源:你通过了吗?你的导航器内部是否有可能?你的导航器内部是否有可能?我使用的是“react navigation”中的StackNavigator我使用的是“react navigation”中的StackNavigator