How do we access a non-global flash-message?

I have figured out how to access the global FlashMessage component.

However, I want to have a second FlashMessage component positioned in another View in another screen.

I realize that the non-global FlashMessage is supposed to be like below with a ref. But, how do I access the non-global FlashMessage to show a message?

<FlashMessage ref="myNonGlobalFlashMessage" /> 

Or am I doing something completely wrong? What I am trying to accomplish is, I want to have this FlashMessage in a scrollview under the Header. So, I wrapped up my ScrollView with a View, and put the FlashMessage under the ScrollView. Pretty much like below,

<View>
  <ScrollView> ...</ScrollView>
  <FlashMessage.. />
</View>

But, I can’t get it to show a message.

[lucasferreira]

Hi @aktasfatih and @spyr0s

If you work with “string” refs, you go like this:

this.refs.myNonGlobalFlashMessage.showMessage(....);

Like this sample working with native Modals: https://snack.expo.io/@lucasferreira/flash-message-modal-demo

[dentep]

Found this issue so far away, thank you for your help!

I use it this way in my custom component:

const flash = useRef(null);

<FlashMessage ref={flash} floating={true} />

then in your View or anywhere else you do:

flash.current.showMessage({})