Calling getNode() on the ref of an Animated component is no longer necessary

[pdugan20]

Getting the following warning on RN 0.62.

FlatList: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.

[iyegoroff]

You can use animatedComponent instead:

react-native-collapsible-header-views/src/with-collapsible-header.tsx

Lines 245 to 247 in 36ce3ca

	public animatedComponent = () => {
	return this.wrappedComponent.current
	}

[pdugan20]

Is there a code sample I can look at which describes the correct usage here? Not entirely sure by looking at the documentation how to implement this.

[iyegoroff]

https://github.com/iyegoroff/react-native-collapsible-header-views/blob/master/CollapsibleHeaderViewsExample/screens/WrappedInstanceMethods.tsx

[pdugan20]

Apologies, but I'm not understanding based on that sample. My implementation looks like this:

<CollapsibleHeaderFlatList
    ref={scrollRef}
    data={hikes}
    extraData={hikes}
    CollapsibleHeaderComponent={<FeedHeader city={city} />}
    headerHeight={35}
    showsVerticalScrollIndicator={false}
    keyExtractor={(item) => item.key}
    renderItem={this.renderItem}
    refreshControl={refreshControl}
    onEndReached={onEndReached}
    ListFooterComponent={this.renderFooter}
    headerContainerBackgroundColor={theme.colors.rootBackground}
    disableHeaderSnap
    bounces
/>

[iyegoroff]

I didn't get what do you want to achieve - just use animatedComponent method instead of getNode.

[pdugan20]

I'm not calling getNode() anywhere though, so I'm confused as to how I should implement animatedComponent(). Upgrading to RN 0.62 started throwing the warning whenever a CollapsibleHeaderFlatList is loaded.

[iyegoroff]

If you are not calling getNode, then it is not related to rnchv. getNode is not called from the module.

[pdugan20]

Oh you're totally right, this is a react-navigation issue. Thanks for your help and for the great package!