Support centering title and changing its font on Android

This commit adds support for the following style properties:
titleBarTitleFontFamily - string, font name in assets
titleBarTitleTextCentered - boolean, default is false

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

@@ -25,9 +25,20 @@ public class BaseTitleBarButtonParams {
     public ShowAsAction showAsAction;
     public boolean enabled = true;
 
-    public void setColorFromScreenStyle(StyleParams.Color titleBarButtonColor) {
+    public void setStyleFromScreen(StyleParams styleParams) {
+        setColorFromScreenStyle(styleParams.titleBarButtonColor);
+    }
+
+    private void setColorFromScreenStyle(StyleParams.Color titleBarButtonColor) {
         if (!color.hasColor() && titleBarButtonColor.hasColor()) {
             color = titleBarButtonColor;
         }
     }
+
+    public StyleParams.Color getColor() {
+        if (enabled) {
+            return color;
+        }
+        return disabledColor.hasColor() ? disabledColor : AppStyle.appStyle.titleBarDisabledButtonColor;
+    }
 }

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

@@ -1,8 +1,11 @@
 package com.reactnativenavigation.params;
 
+import android.graphics.Typeface;
 import android.os.Bundle;
 import android.support.annotation.ColorInt;
 
+import com.reactnativenavigation.utils.TypefaceLoader;
+
 public class StyleParams {
     public static class Color {
         @ColorInt
@@ -41,6 +44,28 @@ public class StyleParams {
         }
     }
 
+    public static class Font {
+        private Typeface typeface;
+
+        public Font(String font) {
+            typeface = new TypefaceLoader(font).getTypeFace();
+        }
+
+        public Font() {
+        }
+
+        public boolean hasFont() {
+            return typeface != null;
+        }
+
+        public Typeface get() {
+            if (typeface == null) {
+                throw new RuntimeException("Font undefined");
+            }
+            return typeface;
+        }
+    }
+
     public Orientation orientation;
     public Color statusBarColor;
     public Color contextualMenuStatusBarColor;
@@ -62,7 +87,7 @@ public class StyleParams {
     public Color titleBarSubtitleColor;
     public Color titleBarButtonColor;
     public Color titleBarDisabledButtonColor;
-    public String titleBarTitleFont;
+    public Font titleBarTitleFont;
     public boolean titleBarTitleTextCentered;
     public boolean backButtonHidden;
 
@@ -88,7 +113,7 @@ public class StyleParams {
     public boolean forceTitlesDisplay;
     public Color bottomTabBadgeTextColor;
     public Color bottomTabBadgeBackgroundColor;
-    public String bottomTabFontFamily;
+    public Font bottomTabFontFamily;
 
     public Color navigationBarColor;
 }

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

@@ -1,22 +1,12 @@
 package com.reactnativenavigation.params;
 
 public class TitleBarButtonParams extends BaseTitleBarButtonParams {
-    public String eventId;
-    public StyleParams.Color color;
-    public StyleParams.Color disabledColor;
-    public boolean enabled = true;
+    public StyleParams.Font font;
     public String hint;
 
-    public void setColorFromScreenStyle(StyleParams.Color titleBarButtonColor) {
-        if (!color.hasColor() && titleBarButtonColor.hasColor()) {
-            color = titleBarButtonColor;
-        }
-    }
-
-    public StyleParams.Color getColor() {
-        if (enabled) {
-            return color;
-        }
-        return disabledColor.hasColor() ? disabledColor : AppStyle.appStyle.titleBarDisabledButtonColor;
+    @Override
+    public void setStyleFromScreen(StyleParams styleParams) {
+        super.setStyleFromScreen(styleParams);
+        font = styleParams.titleBarTitleFont;
     }
 }

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

@@ -43,7 +43,7 @@ public class StyleParamsParser {
         result.titleBarSubtitleColor = getColor("titleBarSubtitleColor", getDefaultSubtitleBarColor());
         result.titleBarButtonColor = getColor("titleBarButtonColor", getTitleBarButtonColor());
         result.titleBarDisabledButtonColor = getColor("titleBarDisabledButtonColor", getTitleBarDisabledButtonColor());
-        result.titleBarTitleFont = params.getString("titleBarTitleFont", "");
+        result.titleBarTitleFont = getFont("titleBarTitleFontFamily", getDefaultTitleTextFontFamily());
         result.titleBarTitleTextCentered = getBoolean("titleBarTitleTextCentered", false);
         result.backButtonHidden = getBoolean("backButtonHidden", getDefaultBackButtonHidden());
         result.topTabsHidden = getBoolean("topTabsHidden", getDefaultTopTabsHidden());
@@ -75,7 +75,7 @@ public class StyleParamsParser {
         result.navigationBarColor = getColor("navigationBarColor", getDefaultNavigationColor());
         result.forceTitlesDisplay = getBoolean("forceTitlesDisplay", getDefaultForceTitlesDisplay());
 
-        result.bottomTabFontFamily = params.getString("bottomTabFontFamily", getDefaultBottomTabFontFamily());
+        result.bottomTabFontFamily = getFont("bottomTabFontFamily", getDefaultBottomTabsFontFamily());
 
         return result;
     }
@@ -229,8 +229,12 @@ public class StyleParamsParser {
         return AppStyle.appStyle == null ? new StyleParams.Color() : AppStyle.appStyle.statusBarColor;
     }
 
-    private String getDefaultBottomTabFontFamily() {
-        return AppStyle.appStyle == null ? "sans-serif" : AppStyle.appStyle.bottomTabFontFamily;
+    private StyleParams.Font getDefaultBottomTabsFontFamily() {
+        return AppStyle.appStyle == null ? new StyleParams.Font() : AppStyle.appStyle.bottomTabFontFamily;
+    }
+
+    private StyleParams.Font getDefaultTitleTextFontFamily() {
+        return AppStyle.appStyle == null ? new StyleParams.Font() : AppStyle.appStyle.titleBarTitleFont;
     }
 
     private boolean getBoolean(String key, boolean defaultValue) {
@@ -246,6 +250,11 @@ public class StyleParamsParser {
         }
     }
 
+    private StyleParams.Font getFont(String titleBarTitleFontFamily, StyleParams.Font defaultFont) {
+        StyleParams.Font font = new StyleParams.Font(params.getString(titleBarTitleFontFamily));
+        return font.hasFont() ? font : defaultFont;
+    }
+
     private int getInt(String key, int defaultValue) {
         return params.containsKey(key) ? params.getInt(key) : defaultValue;
     }

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

@@ -111,7 +111,7 @@ public abstract class Screen extends RelativeLayout implements Subscriber {
     private void addTitleBarButtons() {
         setButtonColorFromScreen(screenParams.rightButtons);
         if (screenParams.leftButton != null) {
-            screenParams.leftButton.setColorFromScreenStyle(screenParams.styleParams.titleBarButtonColor);
+            screenParams.leftButton.setStyleFromScreen(screenParams.styleParams);
         }
         topBar.addTitleBarAndSetButtons(screenParams.rightButtons,
                 screenParams.leftButton,
@@ -205,7 +205,7 @@ public abstract class Screen extends RelativeLayout implements Subscriber {
 
     public void setTitleBarLeftButton(String navigatorEventId, LeftButtonOnClickListener backButtonListener,
                                       TitleBarLeftButtonParams titleBarLeftButtonParams) {
-        titleBarLeftButtonParams.setColorFromScreenStyle(styleParams.titleBarButtonColor);
+        titleBarLeftButtonParams.setStyleFromScreen(styleParams);
         topBar.setTitleBarLeftButton(navigatorEventId,
                 backButtonListener,
                 titleBarLeftButtonParams,
@@ -229,7 +229,7 @@ public abstract class Screen extends RelativeLayout implements Subscriber {
         }
 
         for (TitleBarButtonParams titleBarButtonParam : titleBarButtonParams) {
-            titleBarButtonParam.setColorFromScreenStyle(screenParams.styleParams.titleBarButtonColor);
+            titleBarButtonParam.setStyleFromScreen(screenParams.styleParams);
         }
     }
 

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

@@ -0,0 +1,55 @@
+package com.reactnativenavigation.utils;
+
+import android.content.res.AssetManager;
+import android.graphics.Typeface;
+import android.support.annotation.NonNull;
+import android.widget.TextView;
+
+import com.reactnativenavigation.NavigationApplication;
+
+import java.io.IOException;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public class TypefaceLoader {
+    private static final Map<String, Typeface> typefaceRegistry = new HashMap<>();
+
+    private String fontFamilyName;
+
+    public TypefaceLoader(String fontFamilyName) {
+        this.fontFamilyName = fontFamilyName;
+    }
+
+    public void load(@NonNull TextView view) {
+        Typeface result = getTypeFace();
+        view.setTypeface(result);
+    }
+
+    public Typeface getTypeFace() {
+        if (typefaceRegistry.containsKey(fontFamilyName)) {
+            return typefaceRegistry.get(fontFamilyName);
+        }
+        Typeface result = load(fontFamilyName);
+        typefaceRegistry.put(fontFamilyName, result);
+        return result;
+    }
+
+    private Typeface load(String fontFamilyName) {
+        AssetManager assets = NavigationApplication.instance.getAssets();
+        try {
+            List<String> fonts = Arrays.asList(assets.list("fonts"));
+            if (fonts.contains(fontFamilyName + ".ttf")) {
+                return Typeface.createFromAsset(assets, "fonts/" + fontFamilyName + ".ttf");
+            }
+
+            if (fonts.contains(fontFamilyName + ".otf")) {
+                return Typeface.createFromAsset(assets, "fonts/" + fontFamilyName + ".otf");
+            }
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+        return Typeface.create(fontFamilyName, Typeface.NORMAL);
+    }
+}

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

@@ -80,6 +80,13 @@ public class ViewUtils {
         return metrics.heightPixels;
     }
 
+    public static float getScreenWidth() {
+        WindowManager wm = (WindowManager) NavigationApplication.instance.getSystemService(Context.WINDOW_SERVICE);
+        DisplayMetrics metrics = new DisplayMetrics();
+        wm.getDefaultDisplay().getMetrics(metrics);
+        return metrics.widthPixels;
+    }
+
     private static int compatGenerateViewId() {
         for (; ; ) {
             final int result = viewId.get();

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

@@ -1,9 +1,7 @@
 package com.reactnativenavigation.views;
 
 import android.content.Context;
-import android.content.res.AssetManager;
 import android.graphics.Color;
-import android.graphics.Typeface;
 import android.text.TextUtils;
 
 import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
@@ -14,8 +12,6 @@ import com.reactnativenavigation.params.ScreenParams;
 import com.reactnativenavigation.params.StyleParams;
 import com.reactnativenavigation.utils.ViewUtils;
 
-import java.io.IOException;
-import java.util.Arrays;
 import java.util.List;
 
 public class BottomTabs extends AHBottomNavigation {
@@ -28,7 +24,7 @@ public class BottomTabs extends AHBottomNavigation {
         setId(ViewUtils.generateViewId());
         createVisibilityAnimator();
         setStyle();
-        setFontFamily(context);
+        setFontFamily();
     }
 
     public void addTabs(List<ScreenParams> params, OnTabSelectedListener onTabSelectedListener) {
@@ -125,30 +121,9 @@ public class BottomTabs extends AHBottomNavigation {
                AppStyle.appStyle.bottomTabBadgeBackgroundColor.hasColor();
     }
 
-    private boolean hasBottomTabFontFamily() {
-        return AppStyle.appStyle.bottomTabFontFamily != null;
-    }
-
-    private void setFontFamily(Context context) {
-        if (hasBottomTabFontFamily()) {
-
-            AssetManager assetManager = context.getAssets();
-            String fontFamilyName = AppStyle.appStyle.bottomTabFontFamily;
-
-            Typeface typeFace = null;
-            try {
-                boolean hasAsset = Arrays.asList(assetManager.list("fonts")).contains(fontFamilyName);
-                typeFace = hasAsset ?
-                        Typeface.createFromAsset(assetManager, "fonts/".concat(fontFamilyName))
-                        :
-                        Typeface.create(fontFamilyName, Typeface.NORMAL);
-            } catch (IOException e) {
-                e.printStackTrace();
-            }
-
-            if (typeFace != null) {
-                setTitleTypeface(typeFace);
-            }
+    private void setFontFamily() {
+        if (AppStyle.appStyle.bottomTabFontFamily.hasFont()) {
+            setTitleTypeface(AppStyle.appStyle.bottomTabFontFamily.get());
         }
     }
 }

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

@@ -3,16 +3,12 @@ package com.reactnativenavigation.views;
 import android.animation.Animator;
 import android.animation.AnimatorListenerAdapter;
 import android.content.Context;
-import android.graphics.Point;
-import android.graphics.Typeface;
 import android.graphics.drawable.Drawable;
 import android.support.annotation.Nullable;
 import android.support.v7.widget.ActionMenuView;
 import android.support.v7.widget.Toolbar;
-import android.view.Display;
 import android.view.Menu;
 import android.view.View;
-import android.view.WindowManager;
 import android.view.animation.AccelerateDecelerateInterpolator;
 import android.view.animation.AccelerateInterpolator;
 import android.widget.TextView;
@@ -29,7 +25,6 @@ public class TitleBar extends Toolbar {
     private static final int TITLE_VISIBILITY_ANIMATION_DURATION = 320;
     private LeftButton leftButton;
     private ActionMenuView actionMenuView;
-    private boolean titleBarTitleTextCentered;
 
     public TitleBar(Context context) {
         super(context);
@@ -38,17 +33,6 @@ public class TitleBar extends Toolbar {
     @Override
     protected void onLayout(boolean changed, int l, int t, int r, int b) {
         super.onLayout(changed, l, t, r, b);
-
-        if (titleBarTitleTextCentered) {
-            WindowManager windowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
-            Display display = windowManager.getDefaultDisplay();
-            Point screenSize = new Point();
-            display.getSize(screenSize);
-
-            int[] location = new int[2];
-            getTitleView().getLocationOnScreen(location);
-            getTitleView().setTranslationX(getTitleView().getTranslationX() + (-location[0] + screenSize.x / 2 - getTitleView().getWidth() / 2));
-        }
     }
 
     @Override
@@ -89,13 +73,31 @@ public class TitleBar extends Toolbar {
     }
 
     public void setStyle(StyleParams params) {
-        titleBarTitleTextCentered = params.titleBarTitleTextCentered;
         setVisibility(params.titleBarHidden ? GONE : VISIBLE);
         setTitleTextColor(params);
         setTitleTextFont(params);
         setSubtitleTextColor(params);
         colorOverflowButton(params);
         setBackground(params);
+        centerTitle(params);
+    }
+
+    private void centerTitle(final StyleParams params) {
+        final View titleView = getTitleView();
+        ViewUtils.runOnPreDraw(titleView, new Runnable() {
+            @Override
+            public void run() {
+                if (params.titleBarTitleTextCentered) {
+                    if (titleView != null) {
+                        int[] location = new int[2];
+                        titleView.getLocationOnScreen(location);
+                        titleView.setTranslationX(titleView.getTranslationX() + (-location[0] + ViewUtils.getScreenWidth() / 2 - titleView.getWidth() / 2));
+                    }
+
+                }
+
+            }
+        });
     }
 
     private void colorOverflowButton(StyleParams params) {
@@ -126,28 +128,13 @@ public class TitleBar extends Toolbar {
     }
 
     protected void setTitleTextFont(StyleParams params) {
-        if (params.titleBarTitleFont == null || params.titleBarTitleFont.isEmpty()) {
+        if (params.titleBarTitleFont.hasFont()) {
             return;
         }
-
         View titleView = getTitleView();
-
-        if (titleView == null || !(titleView instanceof TextView)) {
-            return;
-        }
-
-        Typeface typeface = null;
-
-        try {
-            typeface = Typeface.createFromAsset(getContext().getAssets(), "fonts/" + params.titleBarTitleFont + ".ttf");
-        } catch (RuntimeException re) {
-            try {
-                typeface = Typeface.createFromAsset(getContext().getAssets(), "fonts/" + params.titleBarTitleFont + ".otf");
-            } catch (RuntimeException re2) {
-                return;
-            }
+        if (titleView instanceof TextView) {
+            ((TextView) titleView).setTypeface(params.titleBarTitleFont.get());
         }
-        ((TextView) titleView).setTypeface(typeface);
     }
 
     protected void setSubtitleTextColor(StyleParams params) {

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

@@ -33,6 +33,7 @@ class TitleBarButton implements MenuItem.OnMenuItemClickListener {
         item.setEnabled(buttonParams.enabled);
         setIcon(item);
         setColor();
+        setFont();
         item.setOnMenuItemClickListener(this);
         return item;
     }
@@ -69,6 +70,14 @@ class TitleBarButton implements MenuItem.OnMenuItemClickListener {
         });
     }
 
+    private void setFont() {
+        if (buttonParams.font == null) {
+            return;
+        }
+        ArrayList<View> buttons = findActualTextViewInMenuByLabel();
+        setTextFontForFoundButtonViews(buttons);
+    }
+
     @NonNull
     private ArrayList<View> findActualTextViewInMenuByLabel() {
         ArrayList<View> outViews = new ArrayList<>();
@@ -76,12 +85,20 @@ class TitleBarButton implements MenuItem.OnMenuItemClickListener {
         return outViews;
     }
 
-    private void setTextColorForFoundButtonViews(ArrayList<View> outViews) {
-        for (View button : outViews) {
+    private void setTextColorForFoundButtonViews(ArrayList<View> buttons) {
+        for (View button : buttons) {
             ((TextView) button).setTextColor(buttonParams.getColor().getColor());
         }
     }
 
+    private void setTextFontForFoundButtonViews(ArrayList<View> buttons) {
+        for (View button : buttons) {
+            if (buttonParams.font.hasFont()) {
+                ((TextView) button).setTypeface(buttonParams.font.get());
+            }
+        }
+    }
+
     private boolean hasIcon() {
         return buttonParams.icon != null;
     }

src/deprecated/platformSpecificDeprecated.android.js

@@ -154,7 +154,7 @@ function convertStyleParams(originalStyleObject) {
     titleBarSubtitleColor: processColor(originalStyleObject.navBarSubtitleColor),
     titleBarButtonColor: processColor(originalStyleObject.navBarButtonColor),
     titleBarDisabledButtonColor: processColor(originalStyleObject.titleBarDisabledButtonColor),
-    titleBarTitleFont: originalStyleObject.navBarTitleFont,
+    titleBarTitleFontFamily: originalStyleObject.navBarTextFontFamily,
     titleBarTitleTextCentered: originalStyleObject.navBarTitleTextCentered,
     backButtonHidden: originalStyleObject.backButtonHidden,
     topTabsHidden: originalStyleObject.topTabsHidden,