refactor: fix background color type

lodev09 · Feb 1, 2025 · 0385ab3 · 0385ab3
1 parent e64de2e
commit 0385ab3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt b/android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt
@@ -108,10 +108,13 @@ class TrueSheetViewManager : ViewGroupManager<TrueSheetView>() {
     for (i in 0 until minOf(sizes.size(), 3)) {
       when (sizes.getType(i)) {
         ReadableType.Number -> result.add(sizes.getDouble(i))
+
         // React Native < 0.77 used String for getString, but 0.77
         // changed it to String?. Suppress the error for older APIs.
         @Suppress("UNNECESSARY_SAFE_CALL")
-        ReadableType.String -> sizes.getString(i)?.let { result.add(it) }
+        ReadableType.String
+        -> sizes.getString(i)?.let { result.add(it) }
+
         else -> Log.d(TAG, "Invalid type")
       }
     }

diff --git a/src/TrueSheet.tsx b/src/TrueSheet.tsx
@@ -8,7 +8,7 @@ import {
   type ViewStyle,
   type NativeSyntheticEvent,
   type LayoutChangeEvent,
-  type ColorValue,
+  type ProcessedColorValue,
   processColor,
 } from 'react-native'
 
@@ -31,7 +31,7 @@ interface TrueSheetNativeViewProps
   extends Omit<TrueSheetProps, 'onPresent' | 'onSizeChange' | 'backgroundColor'> {
   contentHeight?: number
   footerHeight?: number
-  background?: ColorValue
+  background?: ProcessedColorValue | null
   scrollableHandle: number | null
   onPresent: (event: SizeChangeEvent) => void
   onSizeChange: (event: SizeChangeEvent) => void
@@ -251,7 +251,7 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
         scrollableHandle={this.state.scrollableHandle}
         sizes={sizes}
         blurTint={blurTint}
-        background={(backgroundColor ? processColor(backgroundColor) : undefined) as any}
+        background={processColor(backgroundColor)}
         cornerRadius={cornerRadius}
         contentHeight={this.state.contentHeight}
         footerHeight={this.state.footerHeight}