React native 我的平面列表中有一个标题组件,如何使第一项与标题的底部重叠?

React native 我的平面列表中有一个标题组件,如何使第一项与标题的底部重叠?,react-native,React Native,在我公司当前的用户案例中,我需要构建一个位于列表顶部的组件,该组件是平面列表的标题。我需要使第一项,而不是标题,保持在标题的顶部,但标题上有文本,这样文本也应该可见 我在ScrollView中创建了一个平面列表: -滚动视图 -头部组件 -扁平列表 它运行得很好,问题是雇佣我的公司不喜欢这样 当使用滚动视图时,我也使用了绝对位置,并将marginTop-80设置为绝对位置 我使用的是平面列表道具:ListHeaderComponent/ListHeaderComponentStyle c

在我公司当前的用户案例中,我需要构建一个位于列表顶部的组件,该组件是平面列表的标题。我需要使第一项,而不是标题,保持在标题的顶部,但标题上有文本,这样文本也应该可见

我在ScrollView中创建了一个平面列表: -滚动视图 -头部组件 -扁平列表

它运行得很好,问题是雇佣我的公司不喜欢这样

当使用滚动视图时,我也使用了绝对位置,并将marginTop-80设置为绝对位置

我使用的是平面列表道具:ListHeaderComponent/ListHeaderComponentStyle

    const concierge = <Concierge type="article" />;
    return (
      <FlatList
        style={styles.container}
        data={data}
        keyExtractor={(card, i) => `${card.id}_${i}`}
        renderItem={this.renderQuickViews}
        extraData={cardsContent}
        ListHeaderComponent={concierge}
        ListHeaderComponentStyle={styles.concierge}
      />
    );
const礼宾部=;
返回(
`${card.id}{i}}
renderItem={this.renderQuickViews}
外部数据={cardsContent}
ListHeaderComponent={concierge}
ListHeaderComponentStyle={styles.concierge}
/>
);

我需要门房组件显示在列表的第一个元素下,但仍然可以看到,第一个元素只能与标题重叠一半。

我在休息了一段时间后找到了解决方案,因为如果我做marginBottom:80,下面的项将下降80像素,这是CSS中的逻辑操作,那么如果我做了marginBottom:-80,它应该上升吗?是的

使平面列表中的第一个元素与平面列表标题重叠的解决方案很简单:marginBottom:-80

这个数字是相对的,在我的例子中-80是数字,在其他人的例子中可能是另一个数字