Fix status bar color not changing after dismissing contextual menu (#1267)

Also listen to contextualMenuDismissed event in Actions screen

android/app/src/main/java/com/reactnativenavigation/screens/Screen.java

@@ -74,8 +74,8 @@ public abstract class Screen extends RelativeLayout implements Subscriber {
     @Override
     public void onEvent(Event event) {
         if (ContextualMenuHiddenEvent.TYPE.equals(event.getType()) && isShown()) {
-            setStyle();
             topBar.onContextualMenuHidden();
+            setStyle();
         }
         if (ViewPagerScreenChangedEvent.TYPE.equals(event.getType()) && isShown() ) {
             topBar.dismissContextualMenu();

example/src/screens/Actions.js

@@ -1,17 +1,25 @@
 import React from 'react';
-import { StyleSheet, ScrollView } from 'react-native';
+import {StyleSheet, ScrollView} from 'react-native';
 import Row from '../components/Row';
 
 class Actions extends React.Component {
 
-    constructor() {
-        super();
+    constructor(props) {
+        super(props);
 
         this._fab = false;
         this._rightButton = null;
         this._contextualMenu = false;
         this._toggleTabs = 'shown';
         this._toggleNavBar = 'shown';
+        this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));
+    }
+
+    onNavigatorEvent(event) {
+        if (event.id === 'contextualMenuDismissed') {
+            console.log('guyca', 'contextualMenuDismissed');
+            this._contextualMenu = false;
+        }
     }
 
     setTitle = () => {
@@ -134,15 +142,15 @@ class Actions extends React.Component {
     render() {
         return (
             <ScrollView style={styles.container}>
-                <Row title={'Set Title'} onPress={this.setTitle} />
-                <Row title={'Toggle Tabs'} onPress={this.toggleTabs} />
-                <Row title={'Set Tab Badge'} onPress={this.setTabBadge} />
-                <Row title={'Switch To Tab 0'} onPress={this.switchToTab} />
-                <Row title={'Toggle Nav Bar'} onPress={this.toggleNavBar} />
-                <Row title={'Show Snackbar'} onPress={this.showSnackbar} platform={'android'} />
-                <Row title={'Toggle Contextual Menu'} onPress={this.toggleContextualMenu} platform={'android'} />
-                <Row title={'Set Right Buttons'} onPress={this.setButtons} />
-                <Row title={'Toggle FAB'} onPress={this.toggleFAB} platform={'android'} />
+                <Row title={'Set Title'} onPress={this.setTitle}/>
+                <Row title={'Toggle Tabs'} onPress={this.toggleTabs}/>
+                <Row title={'Set Tab Badge'} onPress={this.setTabBadge}/>
+                <Row title={'Switch To Tab 0'} onPress={this.switchToTab}/>
+                <Row title={'Toggle Nav Bar'} onPress={this.toggleNavBar}/>
+                <Row title={'Show Snackbar'} onPress={this.showSnackbar} platform={'android'}/>
+                <Row title={'Toggle Contextual Menu'} onPress={this.toggleContextualMenu} platform={'android'}/>
+                <Row title={'Set Right Buttons'} onPress={this.setButtons}/>
+                <Row title={'Toggle FAB'} onPress={this.toggleFAB} platform={'android'}/>
             </ScrollView>
         );
     }