React-native-navigation: Get the name of the current screen?

[prakashraman]

Hi

From within a screen/component. Is there a way, I can fetch the "name" of the screen. Maybe from the navigator prop ?

this.props.navigator.getScreen()

[henrikra]

You mean the identifier that you use when registering a screen? What is the use case for this? :D

[prakashraman]

Yes, exactly. The identifier.

Well :) Little tough to explain. So I want to maintain a configuration/list of which screen comes after which. And from within a screen I'd like to just call a function that returns the next screen. That function needs to take the current screen identifier as an option.

[sourabhkheterpal]

Hey @prakashraman ,
have you get the solution for this?? I am also in same issue.
Please let me know how you solve this.

Thanks.

[prakashraman]

Hey @sourabhkheterpal no, I did not unfortunately. Although, what I did do is
I created a static variable in each component/screen/class called "screenName" and just accessed it everywhere via

Component.screenName

Kinda did the job :)

[sourabhkheterpal]

@prakashraman Thanks for the reply.
I have to think some thing else for my case. i need current screen name at global level so i have to maintained it there.

[prakashraman]

Ah ok. Yep :) Hope there is a way to query the framework itself.

Maybe, you could write a wrapper to the this.props.navigator.push and maintain the screen name in the store or static member?
Just a thought :)

[dabit1]

It would be nice if we could get the current screen id, it is necessary to check as active the current screen in the drawer.

[sourabhkheterpal]

For achieving this i have to maintained at stack of screenIDs at global level by storing it in global scope of react native which is available throughout the app.

I am pushing screenID to global at componentDidMount and pop it when componentWillUnmount is called.

another thing you can do is to use decorator. Please check https://github.com/wix/react-native-navigation/issues/1118#issuecomment-296578643

Thanks.

[holmesal]

I'd like this so that when tracking an analytic I can record on which screen the interaction happened.

Seems like most people are tracking this outside of the library, but IMO getting the identifier of the current screen from the navigator object would be more logical.

[DanielZlotin]

I'm thinking about adding something like that in a future version

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.

[emilioheinz]

@DanielZlotin Any update for this in V2?

[zeevl]

You can get info by listening for Navigation.events().registerComponentDidAppearListener.

https://wix.github.io/react-native-navigation/#/docs/events?id=componentdidappear

[emilioheinz]

I have proposed a workaround for this issue in another one, if you guys want, you can take a look:
https://github.com/wix/react-native-navigation/issues/75#issuecomment-562579897