How to get the current screen?

[musicode]

i call navigator.push() to push a screen, then i press back button.

if i want to get the current screen, i thick there are two ways:

1. trigger some events, such as push and pop
2. the api provides the Navigation.getCurrentScreen()

i think the first way is better, but now, how can i do it ?

[guyca]

@musicode This functionality is indeed missing, we'll add it soon.

[jarredwitt]

Took a stab at this because I needed to know if a drawer was toggled for hiding the status bar. Still pretty new to this library and my Objective-C sucks, so bear with me.

I decided that adding a listener to the NativeAppEventEmitter(only tested this on iOS) was probably my best route to make sure that I didn't introduce any breaking changes. So here we go.

After my store has been initialized I add an event listener:

NativeAppEventEmitter.addListener('ReactNativeNavigationEvent', (event) => {
    console.log(event);
    // We get access to everything that is passed when performing something like
    // this.props.navigator.push({...}); The only addition is that there is a type that is added
    // in the form of NavigationEvent_{performAction} eg: NavigationEvent_push.
});

With the code above if you're using Redux you can dispatch an action to a reducer that is set up to handle those types of actions and take what you want from the event object such as the component string and update your state.

In the ReactNativeControllers iOS project I created a helper called RCCNavigationEventNotifier with a static method sendNavigationEvent.

+ (void)sendNavigationEvent:(NSString*)actionType actionParams:(NSDictionary*)actionParams
{
    [[[RCCManager sharedInstance] getBridge].eventDispatcher sendAppEventWithName:@"ReactNativeNavigationEvent" body:@
     {
         @"type": [NSString stringWithFormat:@"NavigationEvent_%@", actionType],
         @"params": actionParams
     }];
}

Pretty much just copied what the buttons use to send events to listeners. After importing the header file to RCCNavigationController.m I added the following to the performAction:

  // Array of nav actions that can trigger a navigation event.
  NSArray *navEventActions = @[@"push", @"pop", @"popToRoot", @"resetTo"];
  if ([navEventActions containsObject:performAction]) {
    [RCCNavigationEventNotifier sendNavigationEvent:performAction actionParams:actionParams];
  }

Pretty quick and dirty right now, but it works pretty well for my needs to be able to update my state with nav events. I know that you said that you'll add this soon, if this is the right direction I can certainly clean it up and make a pull request or trash it. It's all local right now so if you want to take a closer look I can make a fork as well.

[musicode]

how cant I get current screen in v2.0?

I didn't find the api. the feeling of v2.0 is the same as v1.0.

[DanielZlotin]

@musicode well, 2.0.0 isn't out yet. You are using the experimental pre-release.

The current state of the framework is that we try to create parity between the platforms, unify both controllers and navigation, and upgrade to RN31. After that we have a bunch of refactoring and redesign of the architecture to do. One of the requested features is indeed accessing a specific screen somehow. This will be addressed.

[finnfiddle]

+1 for this. Not sure if this would be returned by getCurrentScreen but I am also in need of a method to get the current title and navigator buttons. I want to call navigator.setTitle() but first save the previous title so I can roll back to it later programmatically if need be. Or maybe there is another way to do this..?

[musicode]

When to support this feature?

[musicode]

hi, have any new messages? I have wait it for 4 months, it is so long...

[DanielZlotin]

@musicode I feel your pain, and truly appreciate the patience. Deciding on the new architecture is not easy but it is my current and complete focus. I think we will have something ready in the upcoming month