React Native Flatlist ListHeaderComponent 未在 state 更改上呈现

Question

我有带有 ListHeaderComponent 的 Flatlist。 当 state 更新时，ListHeaderComponent 不会更新。 任何建议都会有所帮助。

                    <Animated.FlatList data={this.props.store.homeStore.formattedEspeciallyProducts}
                        contentContainerStyle={styles.flatList}
                        ref={(ref) => this.flatList = ref}
                        onScroll={
                            Animated.event(
                                [{nativeEvent: {contentOffset: {y: this.scrollY}}}], 
                                {
                                    useNativeDriver: true
                                }
                            )
                        }
                        renderItem={({ item, index }) => {
                            return(
                                <SpecialProduct product={item} even={(index + 1) % 2 === 0}/>
                            )
                        }}    
                        showsVerticalScrollIndicator={false}
                        keyExtractor={item => item.id}
                        numColumns={2}
                        onEndReached={this._onEndReached}
                        onEndReachedThreshold={0.5}
                        ItemSeparatorComponent={this._itemSeparatorComponent}
                        removeClippedSubviews={true}
                        columnWrapperStyle={{paddingHorizontal: 15}}
                        extraData={language}
                        ListHeaderComponent={
                            <View style={CssHelper['flex']}>
                                <View style={styles.top}>

Answer 1

由于 Flatlist 是一个PureComponent ，它不会在 state 更改时重新呈现。 将您的 state 传递给data属性以实现 state 感知https://reactnative.dev/docs/flatlist#data