React-Native SectionList使用

  • SectionList的简单实用
const titles = [
    { key: '0', data: ['目录一', '目录一', '目录一', '目录一'] },
    { key: '1', data: ['目录二'] },
    { key: '2', data: ['目录二'] }
];



keyExtractor(item, index) {
        return item;
 }
listHeaderComponent() {
        return (
            
        );
 }
sectionSeparatorComponent() {
        return (
            
        );
}
  • 效果图如下


    React-Native SectionList使用_第1张图片
    image.png

你可能感兴趣的:(React-Native SectionList使用)