feat(ios): add support for H5 styling in RichTextView

Author: hryhoriiK97

ios/RichTextView.mm

@@ -231,6 +231,21 @@ - (void)updateProps:(Props::Shared const &)props
         stylePropChanged = YES;
     }
 
+    if (newViewProps.richTextStyle.h5.fontSize != oldViewProps.richTextStyle.h5.fontSize) {
+        [newConfig setH5FontSize:newViewProps.richTextStyle.h5.fontSize];
+        stylePropChanged = YES;
+    }
+    
+    if (newViewProps.richTextStyle.h5.fontFamily != oldViewProps.richTextStyle.h5.fontFamily) {
+        if (!newViewProps.richTextStyle.h5.fontFamily.empty()) {
+            NSString *fontFamily = [[NSString alloc] initWithUTF8String:newViewProps.richTextStyle.h5.fontFamily.c_str()];
+            [newConfig setH5FontFamily:fontFamily];
+        } else {
+            [newConfig setH5FontFamily:nullptr];
+        }
+        stylePropChanged = YES;
+    }
+    
     if (stylePropChanged) {
         NSString *currentMarkdown = [[NSString alloc] initWithUTF8String:newViewProps.markdown.c_str()];
 

ios/config/RichTextConfig.h

@@ -33,6 +33,11 @@
 - (void)setH4FontSize:(CGFloat)newValue;
 - (NSString *)h4FontFamily;
 - (void)setH4FontFamily:(NSString *)newValue;
+// H5 properties
+- (CGFloat)h5FontSize;
+- (void)setH5FontSize:(CGFloat)newValue;
+- (NSString *)h5FontFamily;
+- (void)setH5FontFamily:(NSString *)newValue;
 
-// Future: H5, H6, link, paragraph properties
+// Future: H6, link, paragraph properties
 @end

ios/config/RichTextConfig.mm

@@ -21,6 +21,9 @@ @implementation RichTextConfig {
     // H4 properties
     CGFloat _h4FontSize;
     NSString *_h4FontFamily;
+    // H5 properties
+    CGFloat _h5FontSize;
+    NSString *_h5FontFamily;
 }
 
 - (instancetype)init {
@@ -45,6 +48,8 @@ - (id)copyWithZone:(NSZone *)zone {
     copy->_h3FontFamily = [_h3FontFamily copy];
     copy->_h4FontSize = _h4FontSize;
     copy->_h4FontFamily = [_h4FontFamily copy];
+    copy->_h5FontSize = _h5FontSize;
+    copy->_h5FontFamily = [_h5FontFamily copy];
 
     return copy;
 }
@@ -162,4 +167,20 @@ - (void)setH4FontFamily:(NSString *)newValue {
     _h4FontFamily = newValue;
 }
 
+- (CGFloat)h5FontSize {
+    return _h5FontSize > 0 ? _h5FontSize : 18.0;
+}
+
+- (void)setH5FontSize:(CGFloat)newValue {
+    _h5FontSize = newValue;
+}
+
+- (NSString *)h5FontFamily {
+    return _h5FontFamily;
+}
+
+- (void)setH5FontFamily:(NSString *)newValue {
+    _h5FontFamily = newValue;
+}
+
 @end

ios/styles/HeadingStyle.mm

@@ -20,8 +20,8 @@ - (CGFloat)fontSize {
         case 2: return [_config h2FontSize];
         case 3: return [_config h3FontSize];
         case 4: return [_config h4FontSize];
-        // Future: Add H5-H6 support
-        // case 5: return [_config h5FontSize];
+        case 5: return [_config h5FontSize];
+        // Future: Add H6 support
         // case 6: return [_config h6FontSize];
         default: return 32.0; // Default heading size
     }
@@ -33,8 +33,8 @@ - (NSString *)fontFamily {
         case 2: return [_config h2FontFamily];
         case 3: return [_config h3FontFamily];
         case 4: return [_config h4FontFamily];
-        // Future: Add H5-H6 support
-        // case 5: return [_config h5FontFamily];
+        case 5: return [_config h5FontFamily];
+        // Future: Add H6 support
         // case 6: return [_config h6FontFamily];
         default: return nil;
     }

src/RichTextView.tsx

@@ -22,6 +22,10 @@ export interface RichTextStyle {
     fontSize?: number;
     fontFamily?: string;
   };
+  h5?: {
+    fontSize?: number;
+    fontFamily?: string;
+  };
 }
 
 export interface RichTextViewProps

src/RichTextViewNativeComponent.ts

@@ -22,6 +22,10 @@ export interface RichTextStyleInternal {
     fontSize?: CodegenTypes.Float;
     fontFamily?: string;
   };
+  h5?: {
+    fontSize?: CodegenTypes.Float;
+    fontFamily?: string;
+  };
 }
 
 export interface NativeProps extends ViewProps {

src/normalizeRichTextStyle.ts

@@ -21,6 +21,11 @@ const defaultH4Style: RichTextStyleInternal['h4'] = {
   fontFamily: 'Helvetica-Bold',
 };
 
+const defaultH5Style: RichTextStyleInternal['h5'] = {
+  fontSize: 18,
+  fontFamily: 'Helvetica-Bold',
+};
+
 export const normalizeRichTextStyle = (
   style: RichTextStyle
 ): RichTextStyleInternal => {
@@ -41,5 +46,9 @@ export const normalizeRichTextStyle = (
       ...defaultH4Style,
       ...style.h4,
     },
+    h5: {
+      ...defaultH5Style,
+      ...style.h5,
+    },
   };
 };