diff --git a/releases/next/docs/sectionlist.html b/releases/next/docs/sectionlist.html
index 76626bf73cb..11a70683275 100644
--- a/releases/next/docs/sectionlist.html
+++ b/releases/next/docs/sectionlist.html
@@ -90,7 +90,7 @@ const VIEWABILITY_CONFIG = };
const renderSectionHeader = ({section}) => (
- <View>
+ <View style={styles.header}>
<Text style={styles.headerText}>SECTION HEADER: {section.key}</Text>
<SeparatorComponent />
</View>
@@ -175,6 +175,7 @@ class SectionListExample extends ={false}
renderItem={this._renderItemComponent}
renderSectionHeader={renderSectionHeader}
+ stickySectionHeadersEnabled
sections={[
{renderItem: renderStackedItem, key: 's1', data: [
{title: 'Item In Header Section', text: 'Section s1', key: '0'},
@@ -217,6 +218,9 @@ class SectionListExample extends }
const styles = StyleSheet.create({
+ header: {
+ backgroundColor: '#e9eaed',
+ },
headerText: {
padding: 4,
},