Back button font family and font size (#5957)

* adding fontFamily to backButton Object

* hiding font button for android

* remove podfile.lock

* refactor uicontrolstate

* resolve backButton mergeOptions withDefault

* Add fontSize support

* Reset Podfile.lock

* Update OptionsScreen.js

* Update Options.ts

Co-authored-by: Andy <53788738+Andy40au@users.noreply.github.com>
Co-authored-by: Guy Carmeli <guyca@users.noreply.github.com>

lib/ios/RNNBackButtonOptions.h

@@ -4,6 +4,8 @@
 
 @property (nonatomic, strong) Image* icon;
 @property (nonatomic, strong) Text* title;
+@property (nonatomic, strong) Text* fontFamily;
+@property (nonatomic, strong) Number* fontSize;
 @property (nonatomic, strong) Text* transition;
 @property (nonatomic, strong) Color* color;
 @property (nonatomic, strong) Bool* showTitle;

lib/ios/RNNBackButtonOptions.m

@@ -3,23 +3,27 @@
 @implementation RNNBackButtonOptions
 
 - (instancetype)initWithDict:(NSDictionary *)dict {
-	self = [super init];
-	
-	self.icon = [ImageParser parse:dict key:@"icon"];
-	self.title = [TextParser parse:dict key:@"title"];
-	self.transition = [TextParser parse:dict key:@"transition"];
-	self.color = [ColorParser parse:dict key:@"color"];
-	self.showTitle = [BoolParser parse:dict key:@"showTitle"];
-	self.visible = [BoolParser parse:dict key:@"visible"];
-	
-	return self;
+    self = [super init];
+    
+    self.icon = [ImageParser parse:dict key:@"icon"];
+    self.title = [TextParser parse:dict key:@"title"];
+    self.transition = [TextParser parse:dict key:@"transition"];
+    self.color = [ColorParser parse:dict key:@"color"];
+    self.showTitle = [BoolParser parse:dict key:@"showTitle"];
+    self.visible = [BoolParser parse:dict key:@"visible"];
+    self.fontFamily = [TextParser parse:dict key:@"fontFamily"];
+    self.fontSize = [NumberParser parse:dict key:@"fontSize"];
+    
+    return self;
 }
 
 - (BOOL)hasValue {
-	return self.icon.hasValue ||
-			self.showTitle.hasValue ||
-			self.color.hasValue ||
-			self.title.hasValue;
+    return self.icon.hasValue ||
+    self.showTitle.hasValue ||
+    self.color.hasValue ||
+    self.fontFamily.hasValue ||
+    self.fontSize.hasValue ||
+    self.title.hasValue;
 }
 
 

lib/ios/TopBarPresenter.m

@@ -16,7 +16,7 @@
     [self setTitleAttributes:options.title];
     [self setLargeTitleAttributes:options.largeTitle];
     [self showBorder:![options.noBorder getWithDefaultValue:NO]];
-    [self setBackButtonIcon:[options.backButton.icon getWithDefaultValue:nil] withColor:[options.backButton.color getWithDefaultValue:nil] title:[options.backButton.title getWithDefaultValue:nil] showTitle:[options.backButton.showTitle getWithDefaultValue:YES]];
+    [self setBackButtonOptions:[options.backButton.icon getWithDefaultValue:nil] withColor:[options.backButton.color getWithDefaultValue:nil] title:[options.backButton.title getWithDefaultValue:nil] showTitle:[options.backButton.showTitle getWithDefaultValue:YES] fontFamily:[options.backButton.fontFamily getWithDefaultValue:nil] fontSize:[options.backButton.fontSize getWithDefaultValue:nil]];
 }
 
 - (void)applyOptionsBeforePopping:(RNNTopBarOptions *)options {
@@ -48,7 +48,7 @@
     }
     
     if (options.backButton.hasValue) {
-        [self setBackButtonIcon:[withDefault.backButton.icon getWithDefaultValue:nil] withColor:[withDefault.backButton.color getWithDefaultValue:nil] title:[withDefault.backButton.title getWithDefaultValue:nil] showTitle:[withDefault.backButton.showTitle getWithDefaultValue:YES]];
+        [self setBackButtonOptions:[withDefault.backButton.icon getWithDefaultValue:nil] withColor:[withDefault.backButton.color getWithDefaultValue:nil] title:[withDefault.backButton.title getWithDefaultValue:nil] showTitle:[withDefault.backButton.showTitle getWithDefaultValue:YES] fontFamily:[withDefault.backButton.fontFamily getWithDefaultValue:nil] fontSize:[options.backButton.fontSize getWithDefaultValue:nil]];
     }
 }
 
@@ -111,21 +111,27 @@
     }
 }
 
-- (void)setBackButtonIcon:(UIImage *)icon withColor:(UIColor *)color title:(NSString *)title showTitle:(BOOL)showTitle {
-    UIBarButtonItem *backItem = [[UIBarButtonItem alloc] init];
+- (void)setBackButtonOptions:(UIImage *)icon withColor:(UIColor *)color title:(NSString *)title showTitle:(BOOL)showTitle fontFamily:(NSString *)fontFamily fontSize:(NSNumber *)fontSize {
+	UIBarButtonItem *backItem = [[UIBarButtonItem alloc] init];
     NSArray* stackChildren = self.navigationController.viewControllers;
     icon = color
     ? [[icon withTintColor:color] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]
     : icon;
     [self setBackIndicatorImage:icon withColor:color];
-
+    
     UIViewController *lastViewControllerInStack = stackChildren.count > 1 ? stackChildren[stackChildren.count - 2] : self.navigationController.topViewController;
 
     if (showTitle) {
         backItem.title = title ? title : lastViewControllerInStack.navigationItem.title;
     }
     backItem.tintColor = color;
-
+	
+    if (fontFamily) {
+        CGFloat resolvedFontSize = fontSize ? fontSize.floatValue : 17.0;
+        [backItem setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys: [UIFont fontWithName:fontFamily size:resolvedFontSize], NSFontAttributeName, nil] forState:UIControlStateNormal];
+        [backItem setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys: [UIFont fontWithName:fontFamily size:resolvedFontSize], NSFontAttributeName, nil] forState:UIControlStateHighlighted];
+    }
+    
     lastViewControllerInStack.navigationItem.backBarButtonItem = backItem;
 }
 

lib/src/interfaces/Options.ts

@@ -264,6 +264,14 @@ export interface OptionsTopBarBackButton {
    * Back button icon and text color
    */
   color?: Color;
+  /**
+   * Set subtitle font size
+   */
+  fontSize?: number;
+  /**
+   * Set subtitle font family
+   */
+  fontFamily?: FontFamily;
 }
 
 export interface OptionsTopBarBackground {

playground/ios/NavigationTests/RNNNavigationOptionsTest.m

@@ -20,6 +20,11 @@
 	XCTAssertTrue(options.topBar.background.color);
 }
 
+- (void)testAddsFontToBackButtonOptions {
+	RNNNavigationOptions* options = [[RNNNavigationOptions alloc] initWithDict:@{@"topBar": @{@"backButton" : @{@"fontFamily" : @"HelveticaNeue"}}}];
+	XCTAssertTrue([options.topBar.backButton.fontFamily.get isEqual:@"HelveticaNeue"]);
+}
+
 - (void)testChangeRNNNavigationOptionsDynamically {
 	RNNNavigationOptions* options = [[RNNNavigationOptions alloc] initWithDict:@{@"topBar": @{@"background" : @{@"color" : @(0xff0000ff)}}}];
 	NSDictionary* dynamicOptionsDict = @{@"topBar": @{@"textColor" : @(0xffff00ff), @"title" : @{@"text": @"hello"}}};