feat: Adds fontFamily support on iOS, Closes #85 (#87)

Author: arjndr

index.d.ts

@@ -79,9 +79,22 @@ export interface SegmentedControlProps extends ViewProps {
    */
   appearance?: 'dark' | 'light';
   /**
+   * Font style properties of the Segmented Control
+   */
+  fontStyle?: {
+    /**
    * Font Size of Segmented Control
    */
-  fontSize?: number;
+    fontSize?: number;
+    /**
+     * Font Family of the Segmented Control when idle/normal
+     */
+    fontFamilyIdle?: string;
+    /**
+     * Font Family of the Segmented Control when selected
+     */
+    fontFamilySelected?: string;
+  }
 }
 
 /**

ios/RNCSegmentedControl.m

@@ -39,18 +39,6 @@ - (void)setSelectedIndex:(NSInteger)selectedIndex
   super.selectedSegmentIndex = selectedIndex;
 }
 
-- (void)setFontSize:(NSInteger)fontSize
-{
-  UIFont *font = [UIFont systemFontOfSize: fontSize];
-    [_attributes setObject: font forKey:NSFontAttributeName];
-    [self setTitleTextAttributes:_attributes
-                                forState:UIControlStateNormal];
-  UIFont *fontBold = [UIFont boldSystemFontOfSize: fontSize];
-    [_attributes setObject: fontBold forKey:NSFontAttributeName];
-    [self setTitleTextAttributes:_attributes
-                                forState:UIControlStateSelected];
-}
-
 - (void)setBackgroundColor:(UIColor *)backgroundColor
 {
     #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \

ios/RNCSegmentedControlManager.m

@@ -25,11 +25,33 @@ - (UIView *)view
 RCT_EXPORT_VIEW_PROPERTY(tintColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(backgroundColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(textColor, UIColor)
-RCT_EXPORT_VIEW_PROPERTY(fontSize, NSInteger)
 RCT_EXPORT_VIEW_PROPERTY(activeTextColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(momentary, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(appearance, NSString)
 
+RCT_CUSTOM_VIEW_PROPERTY(fontStyle, NSObject, RNCSegmentedControl)
+{
+  if (json) {        
+    NSInteger fontSize = json[@"fontSize"] ? [RCTConvert NSInteger:json[@"fontSize"]] : 13.0;
+
+    UIFont *idleFont = [UIFont systemFontOfSize: fontSize];
+    UIFont *selectedFont = [UIFont boldSystemFontOfSize: fontSize];
+
+    if (json[@"fontFamilyIdle"] && json[@"fontFamilySelected"]) {
+      idleFont = [UIFont fontWithName:json[@"fontFamilyIdle"] size:fontSize];
+      selectedFont = [UIFont fontWithName:json[@"fontFamilySelected"] size:fontSize];
+    } else if (json[@"fontFamilyIdle"]) {
+      idleFont = [UIFont fontWithName:json[@"fontFamilyIdle"] size:fontSize];
+    } else if (json[@"fontFamilySelected"]) {
+      selectedFont = [UIFont fontWithName:json[@"fontFamilySelected"] size:fontSize];
+    }
+
+    [view setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:idleFont, NSFontAttributeName, nil] forState:UIControlStateNormal];
+
+    [view setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:selectedFont, NSFontAttributeName, nil] forState:UIControlStateSelected];
+  }
+}
+
 @end