'onRef' inyecting null ref on event handler

Issue

Hi there! The onRef event’s handler is inyecting null ref ({ current: null }) when mounting the <DraggableFlatList /> component. Any ideas why could this be?

Here’s my code:

<DraggableFlatList
    onRef={ref => {
	alert(JSON.stringify(ref));
    }} ... />

Platform & Dependencies

• Platform: Android
• React Native: 0.61.5
• Reanimated version: 1.8.0
• React Native Gesture Handler version: 1.6.1

Thanks in advance for your help.

[computerjazz]

@mcama are you sure about that?

I just did a quick hacky check by logging the ref in a setTimeout and I see the populated ref:

          onRef={ref => { 
            console.log("initial ref", ref)
            setTimeout(() => console.log("timeout ref", ref))
          }}

https://snack.expo.io/@computerjazz/swipetodelete-pkg

Remember that refs are mutable, meaning, the reference that current is pointing to may change. But if you try to pull the off current on first render, assign that to a variable, and expect that to change, it won’t work, because you’ll just be assigning that variable to null:

onRef={ref => {
  // Won't work! You'll end up assigning null to a class property
  this.myRefCurrent = ref.current

  // Will work, and myRef's 'current' property will be updated to reflect the current ref
  this.myRef = ref
}}

[eric-om]

@terrorpixel Thanks for the example! This helped a lot. Could you explain why you don’t have to declare exampleRef before onRef?