Added TabSelected event

android/app/src/main/java/com/reactnativenavigation/activities/TabActivity.java

@@ -5,9 +5,9 @@ import android.support.v4.view.ViewPager;
 import android.support.v7.widget.Toolbar;
 
 import com.reactnativenavigation.R;
-import com.reactnativenavigation.core.Screen;
 import com.reactnativenavigation.adapters.ViewPagerAdapter;
 import com.reactnativenavigation.core.RctManager;
+import com.reactnativenavigation.core.Screen;
 
 import java.util.ArrayList;
 
@@ -40,9 +40,10 @@ public class TabActivity extends BaseReactActivity {
 
     private void setupViews() {
         ArrayList<Screen> screens = (ArrayList<Screen>) getIntent().getSerializableExtra(EXTRA_SCREENS);
-        ViewPagerAdapter adapter = new ViewPagerAdapter(this, screens);
+        ViewPagerAdapter adapter = new ViewPagerAdapter(this, mViewPager, screens);
         mViewPager.setAdapter(adapter);
         mTabLayout.setupWithViewPager(mViewPager);
+        mTabLayout.setOnTabSelectedListener(adapter);
         adapter.notifyDataSetChanged();
     }
 }

android/app/src/main/java/com/reactnativenavigation/adapters/ViewPagerAdapter.java

@@ -1,10 +1,14 @@
 package com.reactnativenavigation.adapters;
 
+import android.support.design.widget.TabLayout;
 import android.support.v4.view.PagerAdapter;
+import android.support.v4.view.ViewPager;
 import android.view.View;
 import android.view.ViewGroup;
 
 import com.facebook.react.ReactInstanceManager;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.WritableMap;
 import com.reactnativenavigation.activities.BaseReactActivity;
 import com.reactnativenavigation.core.RctManager;
 import com.reactnativenavigation.core.Screen;
@@ -15,14 +19,18 @@ import java.util.ArrayList;
 /**
  * Created by guyc on 02/04/16.
  */
-public class ViewPagerAdapter extends PagerAdapter {
+public class ViewPagerAdapter extends PagerAdapter implements TabLayout.OnTabSelectedListener {
+
+    private static final String EVENT_ON_TAB_SELECTED = "OnTabSelected";
 
     private BaseReactActivity mContext;
+    private ViewPager mViewPager;
     private final ArrayList<Screen> mScreens;
     private final ReactInstanceManager mReactInstanceManager;
 
-    public ViewPagerAdapter(BaseReactActivity context, ArrayList<Screen> screens) {
+    public ViewPagerAdapter(BaseReactActivity context, ViewPager viewPager, ArrayList<Screen> screens) {
         mContext = context;
+        mViewPager = viewPager;
         mScreens = screens;
         mReactInstanceManager = RctManager.getInstance().getReactInstanceManager();
     }
@@ -54,4 +62,26 @@ public class ViewPagerAdapter extends PagerAdapter {
     public CharSequence getPageTitle(int position) {
         return mScreens.get(position).title;
     }
+
+    @Override
+    public void onTabSelected(TabLayout.Tab tab) {
+        int position = tab.getPosition();
+        mViewPager.setCurrentItem(position);
+
+        WritableMap params = Arguments.createMap();
+        Screen screen = mScreens.get(position);
+        params.putString(Screen.KEY_NAVIGATOR_EVENT_ID, screen.navigatorEventId);
+
+        RctManager.getInstance().sendEvent(EVENT_ON_TAB_SELECTED, screen.navigatorEventId, params);
+    }
+
+    @Override
+    public void onTabUnselected(TabLayout.Tab tab) {
+
+    }
+
+    @Override
+    public void onTabReselected(TabLayout.Tab tab) {
+
+    }
 }

android/app/src/main/java/com/reactnativenavigation/core/RctManager.java

@@ -2,11 +2,11 @@ package com.reactnativenavigation.core;
 
 import android.app.Application;
 import android.content.Context;
-import android.util.Log;
 
 import com.facebook.react.LifecycleState;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
 
 import java.util.List;
 
@@ -15,6 +15,7 @@ import java.util.List;
  */
 public class RctManager {
     private static final String TAG = "RctManager";
+    private static final String KEY_EVENT_ID = "id";
     private static RctManager sInstance;
 
     private ReactInstanceManager mReactManager;
@@ -35,16 +36,11 @@ public class RctManager {
         return mReactManager;
     }
 
-    public void useLocalDevServer(boolean useLocalDevServer) {
-        mUseLocalDevServer = useLocalDevServer;
-    }
-
     public boolean isInitialized() {
         return mReactManager != null;
     }
 
     public void init(Context context, String componentName, List<ReactPackage> packages) {
-        Log.i(TAG, "Initializing RctManager");
         createReactInstanceManager(context, componentName, packages);
     }
 
@@ -81,5 +77,12 @@ public class RctManager {
         mReactManager = builder.build();
         return mReactManager;
     }
-}
 
+    public <T extends ReactContextBaseJavaModule> T getNativeModule(Class<T> nativeModuleClass) {
+        if (mReactManager == null || mReactManager.getCurrentReactContext() == null) {
+            return null;
+        }
+
+        return mReactManager.getCurrentReactContext().getNativeModule(nativeModuleClass);
+    }
+}

android/app/src/main/java/com/reactnativenavigation/events/TabSelectedEvent.java

@@ -1,42 +0,0 @@
-package com.reactnativenavigation.events;
-
-import android.os.SystemClock;
-import android.util.Log;
-
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.uimanager.events.Event;
-import com.facebook.react.uimanager.events.RCTEventEmitter;
-
-/**
- *
- * Created by guyc on 07/03/16.
- */
-public class TabSelectedEvent extends Event<TabSelectedEvent> {
-    public static final String EVENT_NAME = "tabSelected";
-    private static final String KEY_POSITION = "position";
-
-    private int mPosition;
-
-    public TabSelectedEvent(int viewTag, int position) {
-        super(viewTag, SystemClock.uptimeMillis());
-        mPosition = position;
-    }
-
-    @Override
-    public String getEventName() {
-        return EVENT_NAME;
-    }
-
-    @Override
-    public void dispatch(RCTEventEmitter rctEventEmitter) {
-        Log.d("GUY", "DIspatching event: " + getViewTag());
-        rctEventEmitter.receiveEvent(getViewTag(), EVENT_NAME, serializeData());
-    }
-
-    private WritableMap serializeData() {
-        WritableMap data = Arguments.createMap();
-        data.putInt(KEY_POSITION, mPosition);
-        return data;
-    }
-}

android/app/src/main/java/com/reactnativenavigation/managers/TabLayoutManager.java

@@ -18,7 +18,6 @@ import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.EventDispatcher;
-import com.reactnativenavigation.events.TabSelectedEvent;
 import com.reactnativenavigation.layouts.ReactTabLayout;
 import com.reactnativenavigation.layouts.ReactTabLayout.InitialState;
 import com.reactnativenavigation.utils.ResourceUtils;
@@ -278,8 +277,8 @@ public class TabLayoutManager extends ViewGroupManager<ReactTabLayout> {
         public void onTabSelected(Tab tab) {
             super.onTabSelected(tab);
             int position = mTabLayout.indexOf(tab);
-            mTabLayoutManager.mDispatcher.dispatchEvent(new TabSelectedEvent(mTabLayout.getId(position), position));
-            mTabLayoutManager.mDispatcher.dispatchEvent(new TabSelectedEvent(mTabLayout.getId(), position));
+//            mTabLayoutManager.mDispatcher.dispatchEvent(new TabSelectedEvent(mTabLayout.getId(position), position));
+//            mTabLayoutManager.mDispatcher.dispatchEvent(new TabSelectedEvent(mTabLayout.getId(), position));
         }
 
         @Override

src/Screen.js

@@ -1,4 +1,9 @@
-import { Component, NativeAppEventEmitter } from 'react-native';
+import {
+  Component,
+  NativeAppEventEmitter,
+  DeviceEventEmitter,
+  Platform
+} from 'react-native';
 import platformSpecific from './platformSpecific';
 import Navigation from './Navigation';
 
@@ -11,52 +16,68 @@ class Navigator {
     this.navigatorEventHandler = null;
     this.navigatorEventSubscription = null;
   }
+
   push(params = {}) {
     return platformSpecific.navigatorPush(this, params);
   }
+
   pop(params = {}) {
     return platformSpecific.navigatorPop(this, params);
   }
+
   popToRoot(params = {}) {
     return platformSpecific.navigatorPopToRoot(this, params);
   }
+
   resetTo(params = {}) {
     return platformSpecific.navigatorResetTo(this, params);
   }
+
   showModal(params = {}) {
     return Navigation.showModal(params);
   }
+
   dismissModal(params = {}) {
     return Navigation.dismissModal(params);
   }
+
   showLightBox(params = {}) {
     return Navigation.showLightBox(params);
   }
+
   dismissLightBox(params = {}) {
     return Navigation.dismissLightBox(params);
   }
+
   setButtons(params = {}) {
     return platformSpecific.navigatorSetButtons(this, this.navigatorEventID, params);
   }
+
   setTitle(params = {}) {
     return platformSpecific.navigatorSetTitle(this, params);
   }
+
   toggleDrawer(params = {}) {
     return platformSpecific.navigatorToggleDrawer(this, params);
   }
+
   toggleTabs(params = {}) {
     return platformSpecific.navigatorToggleTabs(this, params);
   }
+
   setTabBadge(params = {}) {
     return platformSpecific.navigatorSetTabBadge(this, params);
   }
+
   switchToTab(params = {}) {
     return platformSpecific.navigatorSwitchToTab(this, params);
   }
+
   setOnNavigatorEvent(callback) {
     this.navigatorEventHandler = callback;
     if (!this.navigatorEventSubscription) {
-      this.navigatorEventSubscription = NativeAppEventEmitter.addListener(this.navigatorEventID, (event) => this.onNavigatorEvent(event));
+      let Emitter = Platform.OS === 'android' ? DeviceEventEmitter : NativeAppEventEmitter;
+      this.navigatorEventSubscription = Emitter.addListener(this.navigatorEventID, (event) => this.onNavigatorEvent(event));
       _allNavigatorEventHandlers[this.navigatorEventID] = (event) => this.onNavigatorEvent(event);
     }
   }
@@ -70,11 +91,13 @@ class Navigator {
       _allNavigatorEventHandlers[i](event);
     }
   }
+
   onNavigatorEvent(event) {
     if (this.navigatorEventHandler) {
       this.navigatorEventHandler(event);
     }
   }
+
   cleanup() {
     if (this.navigatorEventSubscription) {
       this.navigatorEventSubscription.remove();
@@ -86,12 +109,14 @@ class Navigator {
 export default class Screen extends Component {
   static navigatorStyle = {};
   static navigatorButtons = {};
+  
   constructor(props) {
     super(props);
     if (props.navigatorID) {
       this.navigator = new Navigator(props.navigatorID, props.navigatorEventID);
     }
   }
+
   componentWillUnmount() {
     if (this.navigator) {
       this.navigator.cleanup();