280 feat disable hardware bitmaps for android (#281)

* feat: allowHardware for Android

* docs: allowHardware

README.md

@@ -153,6 +153,10 @@ The color is applied to every non-transparent pixel, causing the image’s shape
 
 Enables Live Text interaction with the image.
 
+### `allowHardware?: boolean` (Android only)
+
+Setting this to false this will reduce performance on API 26 and above. Only disable this if necessary. [Coil's docs](https://coil-kt.github.io/coil/recipes/#shared-element-transitions)
+
 ### `format?: String`
 
 Specify the format for special image, e.g. `svg`, `gif` and `apng`. In general, TurboImage will determine the decoder automatically.

android/src/main/java/com/turboimage/TurboImageView.kt

@@ -32,6 +32,7 @@ class TurboImageView(private val reactContext: ThemedReactContext) :
   var blur: Int? = null
   var monochrome: Int? = null
   var tint: Int? = null
+  var allowHardware: Boolean? = null
 
   var format: String? = null
 

android/src/main/java/com/turboimage/TurboImageViewManager.kt

@@ -61,6 +61,7 @@ class TurboImageViewManager : SimpleViewManager<TurboImageView>() {
 
     view.load(view.uri) {
       view.headers?.let { headers(it) }
+      view.allowHardware?.let { allowHardware(it) }
       listener(TurboImageListener(view))
       diskCachePolicy(
         if (view.cachePolicy != "memory")
@@ -184,6 +185,11 @@ class TurboImageViewManager : SimpleViewManager<TurboImageView>() {
     view.tint = tint
   }
 
+  @ReactProp(name = "allowHardware")
+  fun setAllowHardware(view: TurboImageView, allowHardware: Boolean?) {
+    view.allowHardware = allowHardware
+  }
+
   @ReactProp(name = "format")
   fun setFormat(view: TurboImageView, format: String?) {
     view.format = format

src/TurboImage.tsx

@@ -43,6 +43,7 @@ const TurboImage = (props: TurboImageProps) => {
     resize,
     tint,
     enableLiveTextInteraction,
+    allowHardware,
     format,
     onStart,
     onSuccess,
@@ -91,6 +92,7 @@ const TurboImage = (props: TurboImageProps) => {
         resize={resize}
         tint={processColor(tint)}
         enableLiveTextInteraction={enableLiveTextInteraction}
+        allowHardware={allowHardware}
         format={format}
         onStart={onStart}
         onSuccess={onSuccess}

src/types.ts

@@ -65,6 +65,7 @@ export interface TurboImageProps extends AccessibilityProps, ViewProps {
   tint?: number | ColorValue;
   cachePolicy?: CachePolicy;
   enableLiveTextInteraction?: boolean;
+  allowHardware?: boolean;
   format?: Format;
   onStart?: (result: NativeSyntheticEvent<TaskState>) => void;
   onSuccess?: (result: NativeSyntheticEvent<Success>) => void;