Add fabs to FloatingActionButtonCoordinator

android/app/src/main/java/com/reactnativenavigation/views/FloatingActionButtonCoordinator.java

@@ -0,0 +1,115 @@
+package com.reactnativenavigation.views;
+
+import android.animation.Animator;
+import android.animation.AnimatorListenerAdapter;
+import android.graphics.drawable.Drawable;
+import android.support.design.widget.CoordinatorLayout;
+import android.support.design.widget.FloatingActionButton;
+import android.view.Gravity;
+import android.view.View;
+import android.view.ViewGroup;
+
+import com.reactnativenavigation.params.FabParams;
+import com.reactnativenavigation.utils.ViewUtils;
+
+public class FloatingActionButtonCoordinator {
+
+    private CoordinatorLayout parent;
+    private FabParams params;
+    FloatingActionButton collapsedFab;
+    FloatingActionButton expendedFab;
+    final int crossFadeAnimationDuration;
+
+    public FloatingActionButtonCoordinator(CoordinatorLayout parent, FabParams params) {
+        this.parent = parent;
+        this.params = params;
+        crossFadeAnimationDuration = parent.getResources().getInteger(android.R.integer.config_shortAnimTime);
+        createCollapsedFab();
+        createExpendedFab();
+        setStyle();
+    }
+
+    private void createCollapsedFab() {
+        collapsedFab = createFab(params.collapsedIcon);
+        collapsedFab.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                collapsedFab.animate()
+                        .alpha(0)
+                        .setDuration(crossFadeAnimationDuration)
+                        .rotation(90)
+                        .setListener(new AnimatorListenerAdapter() {
+                            @Override
+                            public void onAnimationEnd(Animator animation) {
+                                collapsedFab.setVisibility(View.GONE);
+                            }
+                        })
+                        .start();
+                expendedFab.animate()
+                        .alpha(1)
+                        .setDuration(crossFadeAnimationDuration)
+                        .rotation(0)
+                        .setListener(new AnimatorListenerAdapter() {
+                            @Override
+                            public void onAnimationStart(Animator animation) {
+                                expendedFab.setVisibility(View.VISIBLE);
+                            }
+                        })
+                        .start();
+            }
+        });
+    }
+
+    private void createExpendedFab() {
+        expendedFab = createFab(params.expendedIcon);
+        expendedFab.setVisibility(View.GONE);
+        expendedFab.setRotation(-90);
+        expendedFab.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                expendedFab.animate()
+                        .alpha(0)
+                        .setDuration(crossFadeAnimationDuration)
+                        .rotation(-90)
+                        .setListener(new AnimatorListenerAdapter() {
+                            @Override
+                            public void onAnimationEnd(Animator animation) {
+                                expendedFab.setVisibility(View.GONE);
+                            }
+                        })
+                        .start();
+                collapsedFab.animate()
+                        .alpha(1)
+                        .setDuration(crossFadeAnimationDuration)
+                        .rotation(0)
+                        .setListener(new AnimatorListenerAdapter() {
+                            @Override
+                            public void onAnimationStart(Animator animation) {
+                                collapsedFab.setVisibility(View.VISIBLE);
+                            }
+                        })
+                        .start();
+            }
+        });
+    }
+
+    private FloatingActionButton createFab(Drawable icon) {
+        FloatingActionButton fab = new FloatingActionButton(parent.getContext());
+        fab.setImageDrawable(icon);
+        parent.addView(fab, createFabLayoutParams());
+        return fab;
+    }
+
+    private CoordinatorLayout.LayoutParams createFabLayoutParams() {
+        final CoordinatorLayout.LayoutParams lp = new CoordinatorLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        lp.gravity = Gravity.RIGHT | Gravity.BOTTOM;
+        final int margin = (int) ViewUtils.convertDpToPixel(16);
+        lp.bottomMargin = margin;
+        lp.rightMargin = margin;
+        return lp;
+    }
+
+    private void setStyle() {
+
+    }
+}

android/app/src/main/java/com/reactnativenavigation/views/SnackbarAndFabContainer.java

@@ -3,19 +3,16 @@ package com.reactnativenavigation.views;
 import android.content.Context;
 import android.support.annotation.NonNull;
 import android.support.design.widget.CoordinatorLayout;
-import android.support.design.widget.FloatingActionButton;
-import android.view.Gravity;
-import android.view.ViewGroup;
 
 import com.reactnativenavigation.events.ScreenChangeBroadcastReceiver;
 import com.reactnativenavigation.params.FabParams;
 import com.reactnativenavigation.params.SnackbarParams;
-import com.reactnativenavigation.utils.ViewUtils;
 
 public class SnackbarAndFabContainer extends CoordinatorLayout implements Snakbar.OnDismissListener, ScreenChangeBroadcastReceiver.OnScreenChangeListener {
     private static final String TAG = "SnackbarAndFabContainer";
     private Snakbar snakbar;
     private ScreenChangeBroadcastReceiver screenChangeBroadcastReceiver;
+    private FloatingActionButtonCoordinator actionButtonCoordinator;
 
     public SnackbarAndFabContainer(Context context) {
         super(context);
@@ -54,11 +51,6 @@ public class SnackbarAndFabContainer extends CoordinatorLayout implements Snakba
     }
 
     public void showFab(@NonNull FabParams fabParams) {
-        FloatingActionButton fab = new FloatingActionButton(getContext());
-        CoordinatorLayout.LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
-        lp.gravity = Gravity.RIGHT | Gravity.BOTTOM;
-        int margin = (int) ViewUtils.convertDpToPixel(16);
-        lp.setMargins(0, 0, margin, margin);
-        addView(fab, lp);
+        actionButtonCoordinator = new FloatingActionButtonCoordinator(this, fabParams);
     }
 }