basic FAB support

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

@@ -464,4 +464,7 @@ public abstract class BaseReactActivity extends AppCompatActivity implements Def
                 break;
         }
     }
+
+    public void showFAB(ReadableMap params) {
+    }
 }

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

@@ -2,6 +2,7 @@ package com.reactnativenavigation.activities;
 
 import android.support.design.widget.CoordinatorLayout;
 
+import com.facebook.react.bridge.ReadableMap;
 import com.reactnativenavigation.R;
 import com.reactnativenavigation.core.RctManager;
 import com.reactnativenavigation.core.objects.Drawer;
@@ -107,4 +108,18 @@ public class SingleScreenActivity extends BaseReactActivity {
     protected void removeAllReactViews() {
         mScreenStack.removeAllReactViews();
     }
+
+    @Override
+    public void showFAB(ReadableMap params) {
+//        FloatingActionButton fab = new FloatingActionButton(this);
+//        fab.setImageDrawable(IconUtils.getIcon(this, params.getString("icon")));
+//        fab.setBackgroundColor(Color.parseColor(params.getString("backgroundColor")));
+//        fab.setImageResource(R.drawable.notification_background);
+//        CoordinatorLayout content = (CoordinatorLayout) findViewById(R.id.contentFrame);
+//        CoordinatorLayout.LayoutParams layoutParams = new CoordinatorLayout.LayoutParams(WRAP_CONTENT, WRAP_CONTENT);
+//        layoutParams.gravity = Gravity.BOTTOM | Gravity.END;
+//        int m = (int) ImageUtils.convertDpToPixel(16, this);
+//        layoutParams.setMargins(m, m, m, m);
+//        content.addView(fab, layoutParams);
+    }
 }

android/app/src/main/java/com/reactnativenavigation/modules/RctActivityModule.java

@@ -55,7 +55,7 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
 
             context.startActivity(intent);
             //TODO add abstract isRoot() instead of instanceof?
-            if(ContextProvider.getActivityContext() instanceof RootActivity) {
+            if (ContextProvider.getActivityContext() instanceof RootActivity) {
                 context.overridePendingTransition(0, 0);
             }
 
@@ -66,7 +66,7 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
 
     private ArrayList<Screen> createScreens(ReadableArray screens) {
         ArrayList<Screen> ret = new ArrayList<>();
-        for(int i = 0; i < screens.size(); i++) {
+        for (int i = 0; i < screens.size(); i++) {
             ret.add(new Screen(screens.getMap(i)));
         }
         return ret;
@@ -87,7 +87,7 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
             intent.putExtras(extras);
 
             context.startActivity(intent);
-            if(ContextProvider.getActivityContext() instanceof RootActivity) {
+            if (ContextProvider.getActivityContext() instanceof RootActivity) {
                 context.overridePendingTransition(0, 0);
             }
 
@@ -306,15 +306,15 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
     public void dismissAllModals(final ReadableMap params) {
         final BaseReactActivity context = ContextProvider.getActivityContext();
         if (context != null && !context.isFinishing()) {
-        context.runOnUiThread(new Runnable() {
-            @Override
-            public void run() {
-                ModalController modalController = ModalController.getInstance();
-                if (modalController.isModalDisplayed()) {
-                    modalController.dismissAllModals();
+            context.runOnUiThread(new Runnable() {
+                @Override
+                public void run() {
+                    ModalController modalController = ModalController.getInstance();
+                    if (modalController.isModalDisplayed()) {
+                        modalController.dismissAllModals();
+                    }
                 }
-            }
-        });
+            });
         }
     }
 
@@ -328,4 +328,19 @@ public class RctActivityModule extends ReactContextBaseJavaModule {
             modalController.dismissModal();
         }
     }
+
+    @ReactMethod
+    public void showFAB(final ReadableMap params) {
+        final BaseReactActivity context = ContextProvider.getActivityContext();
+        if (context == null || context.isFinishing()) {
+            return;
+        }
+        context.runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                context.showFAB(params);
+            }
+        });
+    }
+
 }

android/app/src/main/java/com/reactnativenavigation/utils/ImageUtils.java

@@ -1,11 +1,9 @@
 package com.reactnativenavigation.utils;
 
 import android.content.Context;
-import android.content.res.Resources;
 import android.graphics.PorterDuff;
 import android.graphics.PorterDuffColorFilter;
 import android.graphics.drawable.Drawable;
-import android.util.DisplayMetrics;
 
 /**
  * Created by guyc on 23/04/16.
@@ -19,14 +17,12 @@ public class ImageUtils {
     /**
      * This method converts dp unit to equivalent pixels, depending on device density.
      *
-     * @param dp A value in dp (density independent pixels) unit. Which we need to convert into pixels
+     * @param dp      A value in dp (density independent pixels) unit. Which we need to convert into pixels
      * @param context Context to get resources and device specific display metrics
      * @return A float value to represent px equivalent to dp depending on device density
      */
-    public static float convertDpToPixel(float dp, Context context){
-        Resources resources = context.getResources();
-        DisplayMetrics metrics = resources.getDisplayMetrics();
-        float px = dp * ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT);
-        return px;
+    public static float convertDpToPixel(float dp, Context context) {
+        float scale = context.getResources().getDisplayMetrics().density;
+        return dp * scale + 0.5f;
     }
 }

example-redux/src/screens/LoginScreen.js

@@ -6,7 +6,7 @@ import {
   TouchableOpacity,
   StyleSheet
 } from 'react-native';
-import { connect } from 'react-redux';
+import {connect} from 'react-redux';
 import * as counterActions from '../reducers/counter/actions';
 import * as appActions from '../reducers/app/actions';
 
@@ -21,6 +21,10 @@ class LoginScreen extends Component {
 
   constructor(props) {
     super(props);
+    this.props.navigator.showFAB({
+      icon: require('../../img/navicon_edit@2x.png'),
+      backgroundColor: 'blue'
+    });
   }
 
   render() {
@@ -48,9 +52,11 @@ class LoginScreen extends Component {
       </View>
     );
   }
+
   onIncrementPress() {
     this.props.dispatch(counterActions.increment());
   }
+
   onLoginPress() {
     this.props.dispatch(appActions.login());
   }
@@ -61,13 +67,13 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     fontSize: 18,
     marginBottom: 10,
-    marginTop:10,
+    marginTop: 10,
   },
   button: {
     textAlign: 'center',
     fontSize: 18,
     marginBottom: 10,
-    marginTop:10,
+    marginTop: 10,
     color: 'blue'
   }
 });

src/Screen.js

@@ -93,6 +93,10 @@ class Navigator {
     return platformSpecific.navigatorSwitchToTab(this, params);
   }
 
+  showFAB(params = {}) {
+    return platformSpecific.showFAB(params);
+  }
+
   setOnNavigatorEvent(callback) {
     this.navigatorEventHandler = callback;
     if (!this.navigatorEventSubscription) {
@@ -101,6 +105,7 @@ class Navigator {
       _allNavigatorEventHandlers[this.navigatorEventID] = (event) => this.onNavigatorEvent(event);
     }
   }
+
   handleDeepLink(params = {}) {
     if (!params.link) return;
     const event = {
@@ -129,7 +134,7 @@ class Navigator {
 export default class Screen extends Component {
   static navigatorStyle = {};
   static navigatorButtons = {};
-  
+
   constructor(props) {
     super(props);
     if (props.navigatorID) {

src/platformSpecific.android.js

@@ -197,6 +197,11 @@ function setupDrawer(drawerParams) {
   return drawer;
 }
 
+function showFAB(params) {
+  params.icon = resolveAssetSource(params.icon).uri;
+  RctActivity.showFAB(params);
+}
+
 export default {
   startTabBasedApp,
   startSingleScreenApp,
@@ -207,6 +212,7 @@ export default {
   showModal,
   dismissModal,
   dismissAllModals,
+  showFAB,
   navigatorSetButtons,
   navigatorSetTabBadge,
   navigatorSetTitle,