feat: backgroundColor apply refactoring (#121)

* feat: backgroundColor apply refactoring

* revert version

---------

Co-authored-by: Jovanni Lo <lodev09@gmail.com>

Author: sergeymild

android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt

@@ -3,6 +3,7 @@ package com.lodev09.truesheet
 import android.graphics.Color
 import android.util.Log
 import android.view.WindowManager
+import com.facebook.react.bridge.ColorPropConverter
 import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.ReadableType
 import com.facebook.react.common.MapBuilder
@@ -96,8 +97,8 @@ class TrueSheetViewManager : ViewGroupManager<TrueSheetView>() {
   }
 
   @ReactProp(name = "background")
-  fun setBackground(view: TrueSheetView, colorName: String) {
-    val color = runCatching { Color.parseColor(colorName) }.getOrDefault(Color.WHITE)
+  fun setBackground(view: TrueSheetView, colorName: Double) {
+    val color = runCatching { ColorPropConverter.getColor(colorName, view.context) }.getOrDefault(Color.WHITE)
     view.setBackground(color)
   }
 

ios/Extensions/UIColor+withName.swift

@@ -255,13 +255,8 @@ class TrueSheetView: UIView, RCTInvalidating, TrueSheetViewControllerDelegate {
   }
 
   @objc
-  func setBackground(_ color: NSString?) {
-    if let color {
-      viewController.backgroundColor = UIColor(name: color as String)
-    } else {
-      viewController.backgroundColor = nil
-    }
-
+  func setBackground(_ color: NSNumber?) {
+    viewController.backgroundColor = RCTConvert.uiColor(color)
     viewController.setupBackground()
   }
 

ios/TrueSheetView.swift

@@ -34,7 +34,7 @@ @interface RCT_EXTERN_REMAP_MODULE (TrueSheetView, TrueSheetViewManager, RCTView
 RCT_EXPORT_VIEW_PROPERTY(maxHeight, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(sizes, NSArray)
 RCT_EXPORT_VIEW_PROPERTY(blurTint, NSString)
-RCT_EXPORT_VIEW_PROPERTY(background, NSString)
+RCT_EXPORT_VIEW_PROPERTY(background, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(cornerRadius, NSNumber)
 RCT_EXPORT_VIEW_PROPERTY(grabber, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(dismissible, BOOL)

ios/TrueSheetViewManager.m

@@ -9,6 +9,7 @@ import {
   type NativeSyntheticEvent,
   type LayoutChangeEvent,
   type ColorValue,
+  processColor,
 } from 'react-native'
 
 import type { TrueSheetProps, SizeInfo } from './TrueSheet.types'
@@ -250,7 +251,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         scrollableHandle={this.state.scrollableHandle}
         sizes={sizes}
         blurTint={blurTint}
-        background={backgroundColor}
+        background={(backgroundColor ? processColor(backgroundColor) : undefined) as any}
         cornerRadius={cornerRadius}
         contentHeight={this.state.contentHeight}
         footerHeight={this.state.footerHeight}