如何使SectionList的节标题粘贴到偏移量上？

import React from 'react';
import { SectionList, Text, View } from 'react-native';

const DATA = [
  {
    title: 'A',
    data: ['Apple', 'Apricot', 'Avocado'],
  },
  {
    title: 'B',
    data: ['Banana', 'Blueberry', 'Blackberry', 'Boysenberry'],
  },
  // more sections...
];

const renderItem = ({ item }) => (
  <View style={{ padding: 10 }}>
    <Text>{item}</Text>
  </View>
);

const renderSectionHeader = ({ section }) => (
  <View style={{ backgroundColor: 'lightgray', padding: 10 }}>
    <Text style={{ fontWeight: 'bold' }}>{section.title}</Text>
  </View>
);

const App = () => {
  return (
    <SectionList
      sections={DATA}
      keyExtractor={(item, index) => item + index}
      renderItem={renderItem}
      renderSectionHeader={renderSectionHeader}
      stickySectionHeadersEnabled={true} // 将节标题粘贴到偏移量上
    />
  );
};

export default App;