部分列表中的样式显示不正确

Question

我在SectionList上有一些奇怪的行为。 奇怪，我的意思是为什么这样做是不合逻辑的。

在图像示例中，地址“ 8752 2nd Street”为标题 其余的是renderItem。 标题和renderItem之间的间距很大，我可以通过填充来解决这个问题，但是让我失望的是20-19-03-27到07:00 AM之间的分隔。

在代码中，设置如下：

<SectionList
          renderItem={({item, index, section}) =>
          <List>
            <Text key={index}>{item.date}</Text>
            <Text key={index}>{item.time}</Text>
            <Text key={index}>{item.inspector}</Text>
          </List>
        }
          renderSectionHeader={({section: {title}}) => (
            <Text style={{fontWeight: 'bold'}}>{title}</Text>
          )}
          sections={this.state.dataSource}
          keyExtractor={(item, index) => item + index}
        />

考虑到没有风格，我不知道为什么一个人会跳得如此之大，而另两个人却不会如此。有什么想法吗？