Set titleBarSubTitleTextCentered as navigator style for android (#2611)

* Set titleBarSubTitleTextCentered as navigator style

- Adapt title center

* fixed false declaration

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

@@ -120,6 +120,7 @@ public class StyleParams {
     public int titleBarTitleFontSize;
     public boolean titleBarTitleFontBold;
     public boolean titleBarTitleTextCentered;
+    public boolean titleBarSubTitleTextCentered;
     public int titleBarHeight;
     public boolean backButtonHidden;
     public Font titleBarButtonFontFamily;

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

@@ -66,6 +66,7 @@ public class StyleParamsParser {
         result.titleBarTitleFontSize = getInt("titleBarTitleFontSize", getDefaultTitleTextFontSize());
         result.titleBarTitleFontBold = getBoolean("titleBarTitleFontBold", getDefaultTitleTextFontBold());
         result.titleBarTitleTextCentered = getBoolean("titleBarTitleTextCentered", getDefaultTitleBarTextCentered());
+        result.titleBarSubTitleTextCentered = getBoolean("titleBarSubTitleTextCentered", getDefaultTitleBarTextCentered());
         result.titleBarHeight = getInt("titleBarHeight", getDefaultTitleBarHeight());
         result.backButtonHidden = getBoolean("backButtonHidden", getDefaultBackButtonHidden());
         result.topTabsHidden = getBoolean("topTabsHidden", getDefaultTopTabsHidden());
@@ -326,6 +327,10 @@ public class StyleParamsParser {
         return AppStyle.appStyle != null && AppStyle.appStyle.titleBarTitleTextCentered;
     }
 
+    private boolean getDefaultSubTitleBarTextCentered() {
+        return AppStyle.appStyle != null && AppStyle.appStyle.titleBarSubTitleTextCentered;
+    }
+
     private int getDefaultTitleBarHeight() {
         return AppStyle.appStyle == null ? -1 : AppStyle.appStyle.titleBarHeight;
     }

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

@@ -84,7 +84,7 @@ public class TitleBar extends Toolbar {
         setSubtitleFont(params);
         colorOverflowButton(params);
         setBackground(params);
-        centerTitle(params);
+        centerTopBarContent(params);
         setTopPadding(params);
     }
 
@@ -102,6 +102,7 @@ public class TitleBar extends Toolbar {
         super.setSubtitle(subtitle);
         setSubtitleFontSize(styleParams);
         setSubtitleFont(styleParams);
+        centerSubTitle(styleParams);
     }
 
     private void setSubtitleFontSize(StyleParams params) {
@@ -120,6 +121,11 @@ public class TitleBar extends Toolbar {
         }
     }
 
+    private void centerTopBarContent(final StyleParams params) {
+        centerTitle(params);
+        centerSubTitle(params);
+    }
+
     private void centerTitle(final StyleParams params) {
         final View titleView = getTitleView();
         if (titleView == null) {
@@ -135,6 +141,21 @@ public class TitleBar extends Toolbar {
         });
     }
 
+    private void centerSubTitle(final StyleParams params) {
+        final TextView subTitleView = getSubtitleView();
+        if (subTitleView == null) {
+            return;
+        }
+        ViewUtils.runOnPreDraw(subTitleView, new Runnable() {
+            @Override
+            public void run() {
+                if (params.titleBarSubTitleTextCentered) {
+                    subTitleView.setX(ViewUtils.getWindowWidth((Activity) getContext()) / 2 - subTitleView.getWidth() / 2);
+                }
+            }
+        });
+    }
+
     private void setTopPadding(final StyleParams params) {
         setPadding(0, (int) ViewUtils.convertDpToPixel(params.titleBarTopPadding), 0,0);
     }

docs/styling-the-navigator.md

@@ -108,6 +108,7 @@ this.props.navigator.setStyle({
   // Android only
   navigationBarColor: '#000000', // change the background color of the bottom native navigation bar.
   navBarTitleTextCentered: true, // default: false. centers the title.
+  navBarSubTitleTextCentered: true, // (Android - default: false, iOS - default: depending on navBarTitleTextCentered). centers the subTitle.
   navBarButtonFontFamily: 'sans-serif-thin', // Change the font family of textual buttons
   statusBarColor: '#000000', // change the color of the status bar.
   drawUnderStatusBar: false, // default: false, will draw the screen underneath the statusbar. Useful togheter with statusBarColor: transparent

src/deprecated/platformSpecificDeprecated.android.js

@@ -180,6 +180,7 @@ function convertStyleParams(originalStyleObject) {
     titleBarTitleFontSize: originalStyleObject.navBarTextFontSize,
     titleBarTitleFontBold: originalStyleObject.navBarTextFontBold,
     titleBarTitleTextCentered: originalStyleObject.navBarTitleTextCentered,
+    titleBarSubTitleTextCentered: originalStyleObject.navBarSubTitleTextCentered,
     titleBarHeight: originalStyleObject.navBarHeight,
     titleBarTopPadding: originalStyleObject.navBarTopPadding,
     backButtonHidden: originalStyleObject.backButtonHidden,