自定义SectionList中某一节上项目的高度

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

const data = [
  { title: 'Section 1', data: ['Item 1', 'Item 2', 'Item 3'] },
  { title: 'Section 2', data: ['Item 4', 'Item 5', 'Item 6'] },
];

const MySectionList = () => {
  return (
    <SectionList
      sections={data}
      keyExtractor={(item, index) => item + index}
      renderItem={({ item }) => (
        <View style={styles.item}>
          <Text>{item}</Text>
        </View>
      )}
      renderSectionHeader={({ section: { title } }) => (
        <View style={styles.sectionHeader}>
          <Text style={styles.sectionHeaderText}>{title}</Text>
        </View>
      )}
    />
  );
};

const styles = StyleSheet.create({
  item: {
    height: 50, // 设置项目的高度
    padding: 10,
    backgroundColor: 'lightblue',
  },
  sectionHeader: {
    height: 30,
    padding: 10,
    backgroundColor: 'gray',
  },
  sectionHeaderText: {
    fontSize: 16,
    fontWeight: 'bold',
    color: 'white',
  },
});

export default MySectionList;