React Native/Expo: Event Emitter between screens; trigger refresh

Question

I've scoured this site and various Github issues for a solution but am still a bit stuck. In essence, this is the flow that I desire:

1. Land on first component/screen, which has some information
2. Click a button and be pushed to a second component/screen
3. Do something on this second component/screen
4. Pop back to first component/screen
5. Have refreshed information be displayed when we come back to this page

Issues:

• Component lifecycles don't work because when I'm popping from the second component to the first component (the parent), there's no component lifecycle method I can call in this case.
• Event Emitters won't suffice as a solution because they only work within a single component (is this correct btw?)

Would greatly appreciate any help I can get. Thank you!

Answer 1

In the first component, create a function that will refresh the component by updating the state. Pass the function to the second component and when you pop, call this function.