在flatlist中渲染静态项目反应本机

Question

这是我的代码：

Render_FlatList_Sticky_header = () => {
    var Sticky_header_View = (
        <View style={styles.header}>
            <Text style={styles.headerWord}>Typ</Text>
            <Text style={styles.headerWord}>Místo</Text>
            <Text style={styles.headerWord}>Datum</Text>
            <Text style={styles.headerWord}>Uživatel</Text>
            <Text style={styles.headerWord}>Hodnota 1</Text>
            <Text style={styles.headerWord}>Hodnota 2</Text>
            <Text style={styles.headerWord}>Hodnota 3</Text>
        </View>
    );

    return Sticky_header_View;
};
 render() {
    let dummyData = [...];

    return (
        <View style={styles.container}>
            {/*Horizontal scrolling*/}
            <ScrollView horizontal={true}>

                {/*vertical scrolling*/}
                <FlatList
                    data={dummyData}
                    ListHeaderComponent={this.Render_FlatList_Sticky_header}
                    stickyHeaderIndices={[0]}
                    renderItem={({ item }) => (
                        <View style={styles.card}>
                            {/*<Text style={styles.word}>{item.key}</Text>*/}
                            <Text style={styles.name}>{item.name}</Text>
                            <Text style={styles.word}>{item.type}</Text>
                            <Text style={styles.word}>{item.place}</Text>
                            <Text style={styles.word}>{item.date}</Text>
                            <Text style={styles.word}>{item.user}</Text>
                            <Text style={styles.word}>{item.value1}</Text>
                            <Text style={styles.word}>{item.value2}</Text>
                            <Text style={styles.word}>{item.value3}</Text>
                        </View>
                    )}
                />
            </ScrollView>
        </View>
    );

这是我的应用程序： actual app

---

我的目标是使每张卡中的第一个文本组件绝对，因此，如果用户向右滚动（或向左滚动），则第一个组件item.name始终保留在其位置，而第二个文本仅每张卡和标题的一行将滚动。