Additional snackbar style params (wix#735)

Implement backgroundColor and textColor style params

Author: guyca

android/app/src/main/java/com/reactnativenavigation/params/SnackbarParams.java

@@ -4,6 +4,8 @@ public class SnackbarParams {
     public String text;
     public String buttonText;
     public StyleParams.Color buttonColor;
+    public StyleParams.Color backgroundColor;
     public String eventId;
     public int duration;
+    public StyleParams.Color textColor;
 }

android/app/src/main/java/com/reactnativenavigation/params/StyleParams.java

@@ -31,6 +31,10 @@ public int getColor() {
         public static Color parse(Bundle bundle, String key) {
             return bundle.containsKey(key) ? new Color(bundle.getInt(key)) : new Color();
         }
+
+        public String getHexColor() {
+            return String.format("#%06X", (0xFFFFFF & getColor()));
+        }
     }
 
     public Color statusBarColor;

android/app/src/main/java/com/reactnativenavigation/params/parsers/Parser.java

@@ -37,6 +37,10 @@ <T> List<T> parseBundle(Bundle params, ParseStrategy<T> strategy) {
         return result;
     }
 
+    protected StyleParams.Color getColor(Bundle params, String backgroundColor) {
+        return getColor(params, backgroundColor, null);
+    }
+
     protected StyleParams.Color getColor(Bundle bundle, String key, StyleParams.Color defaultColor) {
         StyleParams.Color color = StyleParams.Color.parse(bundle, key);
         return color.hasColor() || defaultColor == null ? color : defaultColor;

android/app/src/main/java/com/reactnativenavigation/params/parsers/SnackbarParamsParser.java

@@ -1,17 +1,21 @@
 package com.reactnativenavigation.params.parsers;
 
+import android.graphics.Color;
 import android.os.Bundle;
 import android.support.design.widget.Snackbar;
 
 import com.reactnativenavigation.params.AppStyle;
 import com.reactnativenavigation.params.SnackbarParams;
+import com.reactnativenavigation.params.StyleParams;
 
 public class SnackbarParamsParser extends Parser {
     public SnackbarParams parse(Bundle params) {
         SnackbarParams result = new SnackbarParams();
         result.text = params.getString("text");
+        result.textColor = getColor(params, "textColor", new StyleParams.Color(Color.WHITE));
         result.buttonText = params.getString("actionText");
         result.buttonColor = getColor(params, "actionColor", AppStyle.appStyle.snackbarButtonColor);
+        result.backgroundColor = getColor(params, "backgroundColor");
         result.duration = getDuration(params.getString("duration", "short"));
         result.eventId = params.getString("actionId");
         return result;

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

@@ -36,7 +36,7 @@ public class FloatingActionButtonCoordinator {
     FloatingActionButtonAnimator fabAnimator;
     private final ArrayList<FloatingActionButton> actions;
 
-    public FloatingActionButtonCoordinator(CoordinatorLayout parent) {
+    FloatingActionButtonCoordinator(CoordinatorLayout parent) {
         this.parent = parent;
         actions = new ArrayList<>();
         crossFadeAnimationDuration = parent.getResources().getInteger(android.R.integer.config_shortAnimTime);
@@ -45,7 +45,7 @@ public FloatingActionButtonCoordinator(CoordinatorLayout parent) {
 
     public void add(final FabParams params) {
         Log.i(TAG, "add() called with: params = [" + params + "]");
-        if (parent.getChildCount() > 0) {
+        if (hasFab()) {
             remove(new Runnable() {
                 @Override
                 public void run() {
@@ -66,9 +66,8 @@ public void run() {
         fabAnimator.show();
     }
 
-    public void remove(@Nullable final Runnable onComplete) {
-        Log.w(TAG, "remove: ");
-        if (parent.getChildCount() == 0) {
+    void remove(@Nullable final Runnable onComplete) {
+        if (!hasFab()) {
             if (onComplete != null) {
                 onComplete.run();
             }
@@ -88,6 +87,10 @@ public void onAnimationEnd(Animator animation) {
         fabAnimator.removeActionsFromScreen(actions);
     }
 
+    private boolean hasFab() {
+        return collapsedFab != null || expendedFab != null;
+    }
+
     private void removeAllViews() {
         parent.removeView(collapsedFab);
         parent.removeView(expendedFab);

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

@@ -1,6 +1,8 @@
 package com.reactnativenavigation.views;
 
 import android.support.design.widget.Snackbar;
+import android.text.Html;
+import android.text.Spanned;
 import android.view.View;
 
 import com.reactnativenavigation.NavigationApplication;
@@ -36,12 +38,21 @@ public View getView() {
     }
 
     private void create() {
-        snackbar = Snackbar.make((View) parent, params.text, params.duration);
+        snackbar = Snackbar.make((View) parent, getStyledText(), params.duration);
         setAction(navigatorEventId, params, snackbar);
         setStyle(snackbar, params);
         setOnDismissListener();
     }
 
+    private Spanned getStyledText() {
+        String styledText = "<font color=\"" +
+                            params.textColor.getHexColor() +
+                            "\">" +
+                            params.text +
+                            "</font>";
+        return Html.fromHtml(styledText);
+    }
+
     private void setAction(final String navigatorEventId, final SnackbarParams params, Snackbar snackbar) {
         if (params.eventId != null) {
             snackbar.setAction(params.buttonText, new View.OnClickListener() {
@@ -57,6 +68,9 @@ private void setStyle(Snackbar snackbar, SnackbarParams params) {
         if (params.buttonColor.hasColor()) {
             snackbar.setActionTextColor(params.buttonColor.getColor());
         }
+        if (params.backgroundColor.hasColor()) {
+            snackbar.getView().setBackgroundColor(params.backgroundColor.getColor());
+        }
     }
 
     private void setOnDismissListener() {

src/deprecated/platformSpecificDeprecated.android.js

@@ -549,7 +549,17 @@ function addNavigationStyleParams(screen) {
 }
 
 function showSnackbar(navigator, params) {
-  return newPlatformSpecific.showSnackbar(params);
+  const adapted = _.cloneDeep(params);
+  if (adapted.backgroundColor) {
+    adapted.backgroundColor = processColor(adapted.backgroundColor);
+  }
+  if (adapted.actionColor) {
+    adapted.actionColor = processColor(adapted.actionColor);
+  }
+  if (adapted.textColor) {
+    adapted.textColor = processColor(adapted.textColor);
+  }
+  return newPlatformSpecific.showSnackbar(adapted);
 }
 
 function showContextualMenu(navigator, params) {