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