Giter Club home page Giter Club logo

react-native-image-filter-kit's Introduction

react-native-image-filter-kit

npm version js-standard-style Dependency Status devDependencies Status typings included npm

Various image filters for iOS & Android.

Status

  • iOS & Android:

    • filter components work as combinable wrappers for standard Image and ImageBackground components
    • resulting images are being cached in memory and can be extracted into temporary files of original resolution
    • additional filters can be developed as separate modules

  • react-native:

    • supported versions:

      react-native min Android SDK min iOS version
      >=0.64.0 21 9.0
      >=0.57.1 <0.64.0 17 9.0

Installation

with react-native ">=0.64.0"

1. Install latest version from npm

$ npm i react-native-image-filter-kit -S

2. Install pods

$ cd ios && pod install && cd ..

3. Add ProGuard rules

  • Add ProGuard rules to android/app/proguard-rules.pro:

    # react-native-image-filter-kit
-keep class com.facebook.react.views.image.** { *; }
-keep class com.facebook.drawee.** { *; }

    Thanks @NikitaDudin for pointing this out!
with react-native ">=0.61.0 <0.64.0"

1. Install v0.7.3 from npm

$ npm i [email protected] -S

2. Install pods

$ cd ios && pod install && cd ..

3. Enable renderscript

  • Modify android/build.gradle:

    buildscript {
  ext {
-   buildToolsVersion = "28.0.3"
-   minSdkVersion = 16
-   compileSdkVersion = 28
-   targetSdkVersion = 28
+   buildToolsVersion = "29.0.3"
+   minSdkVersion = 17
+   compileSdkVersion = 29
+   targetSdkVersion = 29
+   renderscriptVersion = 21
...

  dependencies {
-   classpath("com.android.tools.build:gradle:3.4.2")
+   classpath("com.android.tools.build:gradle:3.6.0")

  • Modify android/app/build.gradle:

    android {
  compileSdkVersion rootProject.ext.compileSdkVersion
+ buildToolsVersion rootProject.ext.buildToolsVersion

  ...

  defaultConfig {
    ...
+   renderscriptTargetApi rootProject.ext.renderscriptVersion
+   renderscriptSupportModeEnabled true
  }

  • Modify android/gradle/wrapper/gradle-wrapper.properties:

    - distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
+ distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
with react-native ">=0.60.0 <0.61.0"

1. Install v0.5.18 from npm

$ npm i [email protected] -S

2. Install pods

$ cd ios && pod install && cd ..

3. Enable renderscript

  • Modify android/build.gradle:

    buildscript {
  ext {
-   buildToolsVersion = "28.0.3"
-   minSdkVersion = 16
-   compileSdkVersion = 28
-   targetSdkVersion = 28
+   buildToolsVersion = "29.0.3"
+   minSdkVersion = 17
+   compileSdkVersion = 29
+   targetSdkVersion = 29
...

  dependencies {
-   classpath("com.android.tools.build:gradle:3.4.2")
+   classpath("com.android.tools.build:gradle:3.6.0")
...

allprojects {
  repositories {
    ...
+   maven { url 'https://jitpack.io' }
  }
}

  • Modify android/app/build.gradle:

    android {
  compileSdkVersion rootProject.ext.compileSdkVersion
+ buildToolsVersion rootProject.ext.buildToolsVersion

  ...

  defaultConfig {
    ...
+   renderscriptTargetApi 21
+   renderscriptSupportModeEnabled true
  }

  • Modify android/gradle/wrapper/gradle-wrapper.properties:

    - distributionUrl=https\://services.gradle.org/distributions/gradle-5.5-all.zip
+ distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
with react-native ">=0.58.0 <0.60.0"

1. Install v0.4.14 from npm

$ npm i [email protected] -S

2-a. Link native modules

$ react-native link react-native-image-filter-kit

2-b. Install pods

If you use Cocoapods add the following line to your Podfile:

pod 'React', :path => '../node_modules/react-native'
pod 'RNImageFilterKit', :path => '../node_modules/react-native-image-filter-kit'

$ cd ios && pod install && cd ..

2-c. Manual installation

Install manually if react-native link failed - link

3. Enable renderscript

  • Modify android/build.gradle:

    buildscript {
  ext {
    ...
-   minSdkVersion = 16
+   minSdkVersion = 17

  • Modify android/app/build.gradle:

    defaultConfig {
  ...
+ renderscriptTargetApi 21
+ renderscriptSupportModeEnabled true
}
with react-native ">=0.57.1 <0.58.0"

1. Install v0.3.9 from npm

$ npm i [email protected] -S

2-a. Link native modules

$ react-native link react-native-image-filter-kit

2-b. Install pods

If you use Cocoapods add the following line to your Podfile:

pod 'React', :path => '../node_modules/react-native'
pod 'RNImageFilterKit', :path => '../node_modules/react-native-image-filter-kit'

$ cd ios && pod install && cd ..

2-c. Manual installation

Install manually if react-native link failed - link

3. Final step

Open android/build.gradle and change minSdkVersion to 17.

Scope

The purpose of this module is to support most of the native image filters on each platform and to provide a common interface for these filters. If the filter exists only on one platform, then its counterpart will be implemented using renderscript on Android and cikernel on iOS. If you need only color matrix filters - better use a lightweight predecessor of this module.

Example

import { Image } from 'react-native'
import {
  SoftLightBlend,
  Emboss,
  Earlybird,
  Invert,
  RadialGradient
} from 'react-native-image-filter-kit'

const result = (
  <Earlybird
    image={
      <SoftLightBlend
        resizeCanvasTo={'dstImage'}
        dstTransform={{
          scale: 'CONTAIN'
        }}
        dstImage={
          <Emboss
            image={
              <Image
                style={{ width: 320, height: 320 }}
                source={require('./parrot.png')}
                resizeMode={'contain'}
              />
            }
          />
        }
        srcTransform={{
          anchor: { x: 0.5, y: 1 },
          translate: { x: 0.5, y: 1 }
        }}
        srcImage={
          <Invert
            image={
              <RadialGradient
                colors={['rgba(0, 0, 255, 1)', '#00ff00', 'red']}
                stops={[0.25, 0.75, 1]}
                center={{ x: '50w', y: '100h' }}
              />
            }
          />
        }
      />
    }
  />
)
original image result
 
filter steps
original image
Emboss
SoftLightBlend
Earlybird
RadialGradient
Invert

Reference

Caveats

  • blurRadius Image prop will not work in conjunction with this library, instead of it just use BoxBlur filter

  • When running on pre-Lollipop (SDK < 21) Android devices you may experience TooManyBitmapsException, which results in image is not being rendered (this can be logged with onFilteringError prop). It looks like this is a relatively rare case which arises on low-end devices when filtering wallpaper-sized images (like 1920 × 1080 pixels). The common workarounds are:

    • using smaller images

    • using ColorMatrix filter with concatColorMatrices instead of wrapping the image with multiple color matrix based filters

    • adding android:largeHeap="true" to android/app/src/main/AndroidManifest.xml

    • replacing standard MainReactPackage with alternative one provided by this module:

      ...
+ import iyegoroff.imagefilterkit.MainReactPackageWithFrescoCache;

  public class MainApplication extends Application implements ReactApplication {

  ...
      List<ReactPackage> packages = new PackageList(this).getPackages();
      // Packages that cannot be autolinked yet can be added manually here, for example:
      // packages.add(new MyReactNativePackage());
-     return packages;
+     return MainReactPackageWithFrescoCache.inject(packages);
    }
...

      After this change ImageFilter will not throw TooManyBitmapsException immediately and will clear Fresco image caches, trim bitmap pool memory and try to filter the image again several times until succeed or reach the limit of retries, specified by clearCachesMaxRetries prop.

  • If you are using react-native-asset with "<=0.4.14" version of this library - switch to iyegoroff/react-native-asset#with-key. In order to prevent unlinking of .cikernel files provided by react-native-image-filter-kit use react-native-asset the following way: npx iyegoroff/react-native-asset#with-key -a YOUR-OWN-ASSETS -k YOUR-APP-ID

Credits

react-native-image-filter-kit's People

Contributors

connellrobert avatar dependabot[bot] avatar harshitmadhav avatar iyegoroff avatar kaidoj avatar trebuhd avatar xzilja avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

hungdev uniphix linecode calvintmfan gitstart-augur tunguyenthanh rajanshahsa harshitmadhav michaeltaylor3d iamvucms dalalsunil1986 nickalg grahms nitramdemente dioserdar iamrameshwar njakatsifoiko connellrobert kaidoj photobank-dev zjhiphop auroreux pingponglabs xujalg guakamoli rnproj muralee vespucci95 ets-android1 gillbeits emualli rrubbits ezerway padlove-io coffeeflux tahirvbnet dbarbosapn ashrafmajdee kong-e jangminhyeok

react-native-image-filter-kit's Issues

Build fails during assembleRelease

The package throws a bunch of errors and in cases I change the build tool version to latest 30.0.0 , the warnings are ignored but the filters are not working in that case.Please help me resolve it.

Task :react-native-image-filter-kit:compileReleaseRenderscript FAILED
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
Skipped RenderScript support mode compilation for mips : required components not found in Build-Tools 29.0.3
Please check and update your BuildTools.
warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/quadgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/quadgradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/multiplyblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/multiplyblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/rectangulargradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/rectangulargradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/rectangulargradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/rectangulargradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/quadgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/quadgradient.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/multiplyblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/multiplyblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colordodgeblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colordodgeblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colordodgeblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colordodgeblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorburnblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorburnblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/exclusionblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/exclusionblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/exclusionblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/exclusionblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/destinationatopcompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/destinationatopcompositing.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/destinationatopcompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/destinationatopcompositing.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorburnblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/colorburnblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceincompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceincompositing.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothsweepgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothsweepgradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/saturationblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/saturationblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothsweepgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothsweepgradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/saturationblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/saturationblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceincompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceincompositing.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/differenceblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/differenceblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/differenceblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/differenceblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/luminosityblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/luminosityblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hueblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hueblend.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/luminosityblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/luminosityblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hueblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hueblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hardlightblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hardlightblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hardlightblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/hardlightblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/softlightblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/softlightblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceoutcompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceoutcompositing.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/softlightblend.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/softlightblend.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ':react-native-image-filter-kit:compileReleaseRenderscript'.

java.lang.RuntimeException: com.android.ide.common.process.ProcessException: Error while executing process /home/tennyson/Android/Sdk/build-tools/29.0.3/lld with arguments {-flavor ld -m elf_i386 --eh-frame-hdr -shared -Bsymbolic -z noexecstack -z relro -z now -o /home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/intermediates/renderscript_lib/release/lib/x86/librs.hueblend.so -L/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/intermediates/x86 -L/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/packaged/x86 -soname librs.hueblend.so /home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/intermediates/rs/release/obj/x86/hueblend.o /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/intermediates/x86/libcompiler_rt.a -lRSSupport -lm -lc}

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.2/userguide/command_line_interface.html#sec:command_line_warnings

BUILD FAILED in 8s
97 actionable tasks: 4 executed, 93 up-to-date
/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothradialgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothradialgradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceoutcompositing.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/sourceoutcompositing.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothradialgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/x86/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/smoothradialgradient.bc' is 'armv7-none-linux-gnueabi'

warning: Linking two modules of different data layouts: '/home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'e-m:e-p:32:32-i64:64-v128:64:128-a:0:32-n32-S64' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/ellipticalgradient.bc' is 'e-p:32:32-i64:64-v128:64:128-n32-S64'

warning: Linking two modules of different target triples: /home/tennyson/Android/Sdk/build-tools/29.0.3/renderscript/lib/bc/armeabi-v7a/libclcore.bc' is 'armv7--linux-android' whereas '/home/tennyson/Desktop/TextCK/frontend/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/release/raw/bc32/ellipticalgradient.bc' is 'armv7-none-linux-gnueabi'

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

/home/tennyson/Android/Sdk/build-tools/29.0.3/lld: error while loading shared libraries: libc++.so.1: cannot open shared object file: No such file or directory

[Android] Error during executing gradle packaging... located in MainReactPackagerWithFrescoCache.java

react-native: 0.57
react-native-image-filter-kit: 0.3.4

I have been linked the resources of package to android through "react-native link".
And started to run app "react-native run-android", but during executing phase an error was occured.

> Task :react-native-image-filter-kit:compileDebugJavaWithJavac FAILED
/Users/dkfl1995/Downloads/Foodilog-sprint-rc/node_modules/react-native-image-filter-kit/android/src/main/java/iyegoroff/imagefilterkit/MainReactPackageWithFrescoCache.java:83: error: cannot find s
ymbol
      if ("FrescoModule".equals(modules.get(i).getName())) {
                                              ^
  symbol:   method getName()
  location: class ModuleSpec
1 error

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-image-filter-kit:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

After updating to mac os Catalina

gradle build --warning-mode=all --stacktrace

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-image-filter-kit:compileDebugRenderscript'.
> A problem occurred starting process 'command '.../Library/Android/sdk/build-tools/29.0.2/i686-linux-android-ld''

"react": "16.9.0",
"react-native": "0.61.2",
"react-native-image-filter-kit": "v0.6.0"

Extract when multiple filters applied

RN version: 0.60.5
Package version: 0.7.0

I'm applying Grayscale and Contrast but extracted image has only Grayscale filter applied.
@iyegoroff , any solution for this?

 <Grayscale
            onExtractImage={({ nativeEvent }) => this.setState({ filteredImage: nativeEvent.uri })}
            extractImageEnabled={this.state.enableExtract}
            amount={1}
            image={
              <Contrast
                amount={1}
                image={
                  <Image
                    style={{ height: this.state.viewHeight, width: this.state.viewWidth }}
                    source={{ uri: this.state.filteredImage }}
                    resizeMode={'contain'}
                  />
                }
              />
            }
          />

"IFKImageFilter" was not found in the UIManager, with manual install.

I'm using react-native-navigation in my project and it uses some custom code for importing packages.

protected List<ReactPackage> getPackages() {
        // Add additional packages you require here
        // No need to add RnnPackage and MainReactPackage
        return Arrays.<ReactPackage>asList(
            // eg. new VectorIconsPackage()
        );
    }

Due to lack of manual import knowledge, I'm getting "IFKImageFilter" was not found in the UIManager error.

Android: App has stopped

App crashes and stops upon start on Android after installing and linking.
"react-native": "^0.59.4"
"react-native-image-filter-kit": "^0.3.5"

Images get blurry on iPhones but the same code performs well on Android.

mobile platform(s) - iOS
react-native Version - 0.62.2
react-native-image-filter-kit - 0.7.3

<Grayscale
style={{height:'100%', width:'100%'}}
onFilteringError={
({ nativeEvent }) => {console.log(nativeEvent)}
}
onExtractImage={({ nativeEvent }) => {setUrl(nativeEvent.uri);}}
extractImageEnabled={true}
image={
< Image
source={{uri:route.params.newImage.path}}
resizeMode="cover"
style={styles.photo}
/>
}
/>

Feedback is much appreciated. Thanks in advance.

App crashes when filtering started and app get to background

Platform: iOS
"react-native": "0.62.2"
"react-native-image-filter-kit": "^0.7.2"

App crashes with
*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '*** -[__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[0]'

Problem in file
/ios/IFKImageFilter.m
line 171

How to reproduce:
When filtering is started and not completed yet, press home button to get app to background, and app crashes

p.s.
I have not enough experience with Objective C to resolve this issue. May be anybody could help with this. Thank you.

excessive size in the generated png image onExtractImage

I'm making tests with the images that are in my gallery, captured with the camera (1080x1920), when applying the cssgram filters and extract the file to upload to the server (onExtractImage), the component changes me the format from jpg to png and the size is increased considerably, the original image is jpg and I have a size of 370KB, excellent! (resolution 1080x1920) after the extraction the new format is png with a resolution of 1080x1920 but with a size of 3.35MB, a very excessive size 370KB -> 3.35MB


<FiltroComponent                            
   onExtractImage={({ nativeEvent }) => {
      Image.getSize(nativeEvent.uri, (width, height) => {
         datosimage = []
         let arrayfil = { uri: nativeEvent.uri, width: width, height: height, mime: "image/png" };
         datosimage.push(arrayfil)
      });
  }}
/>

Filter without rendering

Hi ,
Is there anyway to render an image without rendering the output? I think it's a good feature to export filter APIs

Bolts conflict with Expo/React-native

React Native with Expo/ExpoKit
Expo: 32.0.0
ExpoKit: 32.0.7
React Native: SDK 32 / 0.59.1
React-Native Image Filter Kit: 0.3.4

Duplicate symbols because of Bolts already publically installed, it will work if I remove all references of Bolts, but I have to do this every time I do pod install.

duplicate symbol _warnBlockingOperationOnMainThread in:
/Users/benwillard/Library/Developer/Xcode/DerivedData/socialdrip-bumkwadcqonpraczbjjnmkqdxctn/Build/Products/Debug-iphoneos/Bolts/libBolts.a(BFTask.o)
/Users/benwillard/Library/Developer/Xcode/DerivedData/socialdrip-bumkwadcqonpraczbjjnmkqdxctn/Build/Products/Debug-iphoneos/RNImageFilterKit/libRNImageFilterKit.a(IFKTask.o)
ld: 1 duplicate symbol for architecture arm64

Ubuntu: -Task :react-native-image-filter-kit:compileDebugRenderscript FAILED

when i run this npx react-native run-android
I got this
Task :react-native-image-filter-kit:compileDebugRenderscript FAILED

i have followed all instruction of installation as per this link
https://github.com/iyegoroff/react-native-image-filter-kit

Configuration
OS
Ubuntu 18.04.5 LTS- 64bit
yarn -> 1.22.5
node-> v14.16.0
npm ->6.14.11
react-native-> 0.63.4
react-native-image-filter-kit": "^0.7.3

Ready to Provide more configuration details if needed

Tried on Android Studio's Virtual Device Pixel 4 XL API 29 Android 10 &&
On my device Samsung Galaxy S7

both did't run

Tried installing package again in my Project
Tried this Solution with #31
by changing android/app/build.gradle && android/build.gradle && gradle.wrapper.properties

I am New to React-Native and Android Apps.
Any Hints or Help will be really Gratefull for me.

Switch from Bolts-ObjC to Promises

Currently this module uses Bolts-ObjC under the hood. This fact could be a no go for some users because of it's BSD + PATENTS style license. Google's Promises library seems like a good alternative to Bolts-ObjC.

However, this is not a big deal right now (December 19, 2018) because react-native itself still uses a BSD + PATENTS licensed version of Bolts-Android via Fresco dependency.

Related issues:
BoltsFramework/Bolts-ObjC#319
BoltsFramework/Bolts-Android#151
facebook/fresco#2257

cannot build

Thanks for the work! I'm unable to build with or without typescript. Error: While trying to resolve module react-native-image-filter-kit from file App.ts, the package node_modules/react-native-image-filter-kit/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (node_modules/react-native-image-filter-kit/dist/index.js. Indeed, none of these files exist.

workaround

cd ./node_modules/react-native-image-filter-kit
npm install
npm run build
cd ../../
npm start

Filter is not rerendering

react-native-image-filter-kit version: 0.5.9
react-native version: 0.6

I have a problem with a rerendering filter with new images inside it. Pure Image object rerenders like it should. This is my component:

function mapStateToProps(state) {
    return {
        checkedPhotosUri: state.photo.checkedPhotosUri,
    }
}

<View>
                <LightenBlend
                    srcImage={
                        <DarkenBlend
                            srcImage={
                                <MultiplyBlend
                                    srcImage={
                                        <Image
                                            style={styles.filterImage}
                                            source={{ uri: this.props.checkedPhotosUri[1] }}
                                        />
                                    }
                                    dstImage={
                                        <Image
                                            style={styles.filterImage}
                                            source={{ uri: this.props.checkedPhotosUri[1] }}
                                        />
                                    }
                                />
                            }
                            dstImage={
                                <Image
                                    style={styles.filterImage}
                                    source={{ uri: this.props.checkedPhotosUri[0] }}
                                />
                            }
                        />
                    }
                    dstImage={
                        <Image
                            style={styles.filterImage}
                            source={require('../../resources/sprites/filters/1.png')}
                        />
                    }
                />
</View>

Image is rotated after extraction

Platform: iOS
RN version: 0.60.5
Package version: 0.7.0

onExtractImage returns image rotated 90 degrees to the left. Any idea why is this happening?

<Grayscale
            onExtractImage={({ nativeEvent }) => this.setState({ filteredImage: nativeEvent.uri })}
            extractImageEnabled={this.state.enableExtract}
            amount={0.9}
            image={
              <Contrast
                amount={1.3}
                image={
                  <Image
                    style={{ height: this.state.viewHeight, width: this.state.viewWidth }}
                    source={{ uri: this.state.filteredImage }}
                    resizeMode={'contain'}
                  />
                }
              />
            }
          />

onExtractImage doesn't execute

Platform: iOS
react-native: 0.60
react-native-image-filter-kit: 0.5.18

Documentation says that onExtractImahe will trigger when extractImageEnabled changes to true. Click on SAVE updates enableExtract state, but onExtractImage isn't executed.
I'm trying to get filtered image path.

<Grayscale 
           onExtractImage={(nativeEvent) => console.log(nativeEvent.uri)}
            extractImageEnabled={this.state.enableExtract}
            amount={1}
            image={
              <Image
                style={styles.documentImage}
                source={{ uri: image }}
                resizeMode={'contain'}
              />
            }
/>  

<Button onPress={() => this.setState({ enableExtract: true })}>
    <Text style={styles.footerButtonText}>SAVE</Text>
</Button>

How can I add to an image the instagram effects, CSSGram filters?

How can I add to an image the instagram effects, CSSGram filters? and then save the changes and upload the file with the effects applied... some Tutorial?

Aden / AdenCompat
Brannan / BrannanCompat
Brooklyn / BrooklynCompat
Clarendon / ClarendonCompat
Earlybird / EarlybirdCompat
Gingham / GinghamCompat
..... more

Blank screen at the place of image in production .it is working in development only.

  • Please specify your mobile platform(s) and react-native & react-native-image-filter-kit versions. Also check https://github.com/iyegoroff/react-native-image-filter-kit#status if your react-native-image-filter-kit version corresponds with your react-native version and ensure that you followed this installation guide - https://github.com/iyegoroff/react-native-image-filter-kit#installation

  • Sometimes cleaning the project could resolve build issues: press Shift + Cmd + K in Xcode and run cd android && ./gradlew clean in terminal

  • In case you use Expo you have to switch to 'bare workflow' in order to use this module

  • If your app crashed due to react-native-image-filter-kit, please attach a crash log or provide a minimal repro

can disImage/srcImage accept <View> Component?

my code is

<XorComposition
        dstImage={
            <View style={ { backgroundColor:'black',width: 320, height: 320 }
            }>
              <Text>aaaa</Text>
            </View>
          }
          srcImage={
            <Image
              style={ { width: 320, height: 320 }
              }
              source={{ uri: 'http://www.myiconfinder.com/uploads/iconsets/256-256-53d5151ca4f467ed9951f85024881c85.png' }}
            />
          }
        />

but it doesnt work

i find dstImage's type is Filterable
type Filterable<Rest> = React.ReactElement<unknown> | Config<Rest>

how can I give Component to disImage

Figma 'Layer blur' effect

"react-native": "^0.62.0"
"react-native-image-filter-kit": "^0.7.1"

First of all, thank you for this great package. It really levels up your app's UI.

Q: How can I achieve blurring the bottom margin of this view? (or any other way to remove that visual delimiter)

Simulator Screen Shot - iPhone SE 13 2 - 2020-04-10 at 14 26 10

I want it to look more like this:

Simulator Screen Shot - iPhone 11 Pro Max 13 2 - 2020-04-10 at 14 26 11

PathShape draws with different scale on different iPhone models

I've been trying to draw a path on iOS and I've noticed that the same path draws with different size and scale on different iPhone models. I don't understand what's the scale factor and how that gets calculated.

I'm using these versions:

"react": "16.11.0",
"react-native": "0.62.2",
"react-native-image-filter-kit": "0.7.1"

For reference e reproducibility see the snippet below and the screenshot for the output of this self-encapsulated component that show differently on different iPhones.

import React from 'react';
import {View, StyleSheet} from 'react-native';
import {
  PathShape,
  lineTo,
  closePath,
  moveTo,
} from 'react-native-image-filter-kit';
import {SafeAreaView} from 'react-native-safe-area-context';

const points = [
  {x: 0, y: 0},
  {x: 100, y: 0},
  {x: 100, y: 100},
  {x: 1, y: 100},
];
const box = {height: 100, offsetX: 0, offsetY: 0, width: 100};

export const DrawShape: React.FC = () => {
  const path = [
    moveTo(points[0].x, points[0].y),
    ...points.slice(1, points.length).map((point) => lineTo(point.x, point.y)),
    closePath(),
  ];

  return (
    <SafeAreaView style={{position: 'relative', marginTop: 100}}>
      <View
        style={[
          StyleSheet.absoluteFillObject,
          {
            top: box.offsetY,
            left: box.offsetX,
            width: box.width,
            height: box.height,
            borderWidth: 1,
            borderColor: 'red',
          },
        ]}>
        <PathShape path={path} color={'blue'} disableCache={true} />
      </View>
    </SafeAreaView>
  );
};

Screenshot 2020-06-04 at 18 18 38

TypeError: null is not an object(evaluating 'IFKExtractedImagesCache.clen')

Hi!
I'm trying to use rnifk in my app, but everytime I try to import the library I get this error:

TypeError: null is not an object(evaluating 'IFKExtractedImagesCache.clen')

I have tried to use rnifk 0.7.1 for both android and ios on:
Windows 10
with:
"react-native": "~0.61.5"

And

macOS Catalina 10.15.4
with:
"react-native": "~0.61.5"

but I always get the same error.

94258919_626805477898972_4062201131076419584_n

Do you have any idea on how to fix this?
grateful for your help!

Build Failed: Undefined symbols for architecture x86_64

The app crashes due to react-native-image-filter-kit, this is the crash log:

Xcode build failed > Error:

Undefined symbols for architecture x86_64:
  "_OBJC_CLASS_$_RCTImageView", referenced from:
      objc-class-ref in IFKImageFilter.o
      __OBJC_$_CATEGORY_RCTImageView_$_CacheKey in RCTImageView+CacheKey.o
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Terminal Error:

The following build commands failed:
        .../Library/Developer/Xcode/DerivedData/MY_PROJECT-dxmgqdxborzhroajvyivtvivrlsi/Build/Products/Debug-iphonesimulator/react-native-image-filter-kit/react_native_image_filter_kit.framework/react_native_image_filter_kit normal x86_64
(1 failure)

react_native_image_filter_kit was installed properly based on documentation via: pod install

what I've done to fix the issue with no success:

  • Upgrading macOs from Mojave to Catalina
  • Upgrading Xcode from 10.2 to 11.4
  • Adding javaScriptCore.framework > Build Phases > Link Binary and Libraries (for both my_project & my_projectTests)

Current System Info:
OS: macOS 10.15.5
CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
Memory: 234.01 MB / 8.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 10.15.1 - /usr/local/bin/node
npm: 6.9.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.4, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
Android SDK:
API Levels: 28, 29
Build Tools: 28.0.3, 29.0.2, 29.0.3
System Images: android-28 | Intel x86 Atom_64, android-28 | Google Play Intel x86 Atom
IDEs:
Android Studio: 4.0 AI-193.6911.18.40.6514223
Xcode: 11.4/11N132i - /usr/bin/xcodebuild
npmPackages:
react: ^16.9.0 => 16.9.0
react-native: ^0.61.5 => 0.61.5
npmGlobalPackages:
react-native-cli: 2.0.1

How to trigger onExtractImage ?

Hi All, I just confused how to trigger onExtractImage, I already set extractImageEnabled to true.
In the documentation, onExtractImage will trigger every time the filtering result changes, but the question is how to change the result ?

I already tried to create a function to update the image, but onExtractImage still not triggered. I using version 0.7.1

Please help, thank you

Instagram stories large photo

Hi, we are trying to create image filters similar to Instagram's image editing mode in their story feature.

When the image has a resizeMode of contain, everything works fine. But when we allow large full size images (like https://images.unsplash.com/photo-1590773301094-7e5be59204d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=70) with resizeMode of cover, the app just freezes for a several minutes and sometimes crash. We need to keep the image at its full size, where the user can scale it with pinch/zoom and make sure the image does not get blurry when zoomed in on, just like Instagram. We also have to load in 8 images, each with its own filter. Is there any way to do this with your package?

Thanks!!

Sample filter:

export const Curve = registerFilter(
    'Curve',
    {
        disableCache: 'bool',
        disableIntermediateCaches: 'bool',
        image: 'image',
    },
    ({ disableCache, disableIntermediateCaches = true, image }) => ({
        amount: 1.1,
        disableCache,
        image: {
            amount: 1.3,
            disableCache,
            image: {
                disableCache,
                disableIntermediateCaches,
                dstImage: image,
                name: 'OverlayBlendColor',
                srcColor: 'rgba(210,250,255,0.2)',
            },
            name: 'Contrast',
        },
        name: 'Saturate',
    })
);

Running 0.7.1 in IOS sim.

react-native-image-filter-kit:compileDebugJavaWithJavac FAILED

"react-native": "0.61.2",
"react-native-image-filter-kit": "^0.5.18",

Task :react-native-image-filter-kit:compileDebugJavaWithJavac FAILED
.../node_modules/react-native-image-filter-kit/android/src/main/java/iyegoroff/imagefilterkit/MainReactPackageWithFrescoCache.java:61: error: method does not override or implement a method from a supertype
  @Override
  ^
.../node_modules/react-native-image-filter-kit/android/src/main/java/iyegoroff/imagefilterkit/MainReactPackageWithFrescoCache.java:63: error: cannot find symbol
    List<ModuleSpec> modules = super.getNativeModules(context);
                                    ^
  symbol: method getNativeModules(ReactApplicationContext)
2 errors

same as #15 (comment)

Android: missing generated raw resources

after running react-native run-android

react-native-image-filter-kit/android/src/main/java/iyegoroff/imagefilterkit/blend/DifferenceBlendPostProcessor.java:45: error: cannot find symbol
      new ScriptC_DifferenceBlend(ctx.getScript(), getContext().getResources(), R.raw.differenceblend)

MacOS Mojave, React Native 58 after running react-native run-android this occurs on command line in several filters where it cannot resolve R.raw

Need this...

package iyegoroff.imagefilterkit;

public final class R {
    private R() {
    }
    public static final class raw {
      // filled in here with render script file name-address pairs
    }
}

App crashes on every device, but works on emulator

I am using this library on my app, and it works totally fine on any android emulator, with any android sdk version over 17 ,but on a real device, it just crashes, it doesnt show an error, it just closes... and i have tested it, and it is not because i am calling a component the wrong way, it crashes with just simply installing it on my react native project. I tested the app on many android devices. And yes i am doing all the instructions specified. And yes, i already test the app without this library, and works totally fine. THE ONLY different thing that i did was that i put the new ImageFilterKitPackage() on my mainapplication.java rather than mainactivity.java

FrescoBackgroundExecutor java.lang.NoClassDefFoundError: Failed resolution of: Landroidx/renderscript/Allocation$MipmapControl

Please give me some advice to fix this issue on Android. Thank you so much.

RN 0.61.5
compileSdkVersion 29
buildToolsVersion 29

2020-03-27 01:48:50.455 4415-4759/com.purple.mcat E/AndroidRuntime: FATAL EXCEPTION: FrescoBackgroundExecutor-4
    Process: com.purple.mcat, PID: 4415
    java.lang.NoClassDefFoundError: Failed resolution of: Landroidx/renderscript/Allocation$MipmapControl;
        at iyegoroff.imagefilterkit.utility.RenderscriptSingularPostProcessor$RenderscriptContext.<init>(RenderscriptSingularPostProcessor.java:23)
        at iyegoroff.imagefilterkit.nativeplatform.scriptintrinsic.ScriptIntrinsicConvolve3x3PostProcessor.processSingularRenderscript(ScriptIntrinsicConvolve3x3PostProcessor.java:51)
        at iyegoroff.imagefilterkit.utility.RenderscriptSingularPostProcessor.process(RenderscriptSingularPostProcessor.java:70)
        at com.facebook.imagepipeline.request.BasePostprocessor.process(BasePostprocessor.java:61)
        at iyegoroff.imagefilterkit.utility.MultiPostProcessor.process(MultiPostProcessor.java:68)
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.postprocessInternal(PostprocessorProducer.java:247)
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.doPostprocessing(PostprocessorProducer.java:217)
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.access$600(PostprocessorProducer.java:73)
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer$2.run(PostprocessorProducer.java:175)
        at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1162)
        at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:636)
        at com.facebook.imagepipeline.core.PriorityThreadFactory$1.run(PriorityThreadFactory.java:51)
        at java.lang.Thread.run(Thread.java:764)
     Caused by: java.lang.ClassNotFoundException: Didn't find class "androidx.renderscript.Allocation$MipmapControl" on path: DexPathList[[zip file "/data/app/com.purple.mcat-mRgMzYb9n7II2q0pcCWMJQ==/base.apk"],nativeLibraryDirectories=[/data/app/com.purple.mcat-mRgMzYb9n7II2q0pcCWMJQ==/lib/x86, /data/app/com.purple.mcat-mRgMzYb9n7II2q0pcCWMJQ==/base.apk!/lib/x86, /system/lib, /vendor/lib]]
        at dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:93)
        at java.lang.ClassLoader.loadClass(ClassLoader.java:379)
        at java.lang.ClassLoader.loadClass(ClassLoader.java:312)
        at iyegoroff.imagefilterkit.utility.RenderscriptSingularPostProcessor$RenderscriptContext.<init>(RenderscriptSingularPostProcessor.java:23) 
        at iyegoroff.imagefilterkit.nativeplatform.scriptintrinsic.ScriptIntrinsicConvolve3x3PostProcessor.processSingularRenderscript(ScriptIntrinsicConvolve3x3PostProcessor.java:51) 
        at iyegoroff.imagefilterkit.utility.RenderscriptSingularPostProcessor.process(RenderscriptSingularPostProcessor.java:70) 
        at com.facebook.imagepipeline.request.BasePostprocessor.process(BasePostprocessor.java:61) 
        at iyegoroff.imagefilterkit.utility.MultiPostProcessor.process(MultiPostProcessor.java:68) 
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.postprocessInternal(PostprocessorProducer.java:247) 
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.doPostprocessing(PostprocessorProducer.java:217) 
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer.access$600(PostprocessorProducer.java:73) 
        at com.facebook.imagepipeline.producers.PostprocessorProducer$PostprocessorConsumer$2.run(PostprocessorProducer.java:175) 
        at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1162) 
        at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:636) 
        at com.facebook.imagepipeline.core.PriorityThreadFactory$1.run(PriorityThreadFactory.java:51) 
        at java.lang.Thread.run(Thread.java:764) 

Problems with proguard on Android release build

Hi!

I am using version 0.4.14 on my React Native app, which runs on RN version 0.59.8. More specifically, I using the component OverlayBlendColor.

I followed all installation steps and the package is working properly on iOS (both development and production versions) and on Android development. However, I can't make it work for Android on a production environment.

Does any one has any insights?

Thanks!

Is target API 29 on Android possible

Hey @iyegoroff , thanks a lot for such an amazing library!

Is it possible to compile on Android targeting API 28 on Android? Currently API 29 is not officially supported by latest RN version and there are some deprecations on API 29 that makes some current libraries(like CameraRoll) do not work.

BUILD FAILED

  • What went wrong:
    Execution failed for task ':react-native-image-filter-kit:compileDebugRenderscript'.

com.android.ide.common.process.ProcessException: Error while executing process /home/inginer/Android/Sdk/build-tools/29.0.3/llvm-rs-cc with arguments {-I /home/inginer/Android/Sdk/build-tools/29.0.3/renderscript/include/ -I /home/inginer/Android/Sdk/build-tools/29.0.3/renderscript/clang-include/ -I /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend -I /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients -rs-package-name=androidx.renderscript -p /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/build/generated/renderscript_source_output_dir/debug/out -target-api 21 /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/MultiplyBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/DifferenceBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/HueBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/ColorDodgeBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/ColorBurnBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/ExclusionBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/SaturationBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/HardLightBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/ColorBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/SoftLightBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/blend/LuminosityBlend.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/SmoothLinearGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/SmoothRadialGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/EllipticalGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/SmoothSweepGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/RectangularGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/gradients/QuadGradient.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/compositing/DestinationATopCompositing.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/compositing/SourceOutCompositing.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/compositing/SourceInCompositing.rs /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/src/main/rs/compositing/DestinationInCompositing.rs -O 3 -o /home/inginer/apps/ArtPicFilter/node_modules/react-native-image-filter-kit/android/build/generated/res/rs/debug/raw}

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 5s

Cssgram filter blank

Hi,

Im trying to apply the Xpro2 instagram filter, but i m getting a blank image, Am i doing something wrong? Thanks

import { Xpro2 } from 'react-native-image-filter-kit'
import { Image } from 'react-native';

<Xpro2 image={<Image
              style={styles.publicationImage}
              source={{ uri: data.content }} />}></Xpro2>

Wrong Typings Location

I am using v0.3.6, and it looks like the typings for this library are in src/typings/index.d.ts while the package.json file points to dist/index.d.ts (which does not seem to exist).

I get ImageFilterKit: recieved memory warning and then app crashes

I am using react-native-image-filter-kit to provide image filters.

On IOS It works fine for photo upload from library but when I click picture from camera it gives Memory errors. Works on simulator but crashes on real device iPhone SE

Below is the repo link.
MyApp

Please follow these steps when you run the app on real device.

  1. Run the app on real device
  2. App loads
  3. Click "New Post"
  4. Click "Photo" tab in the bottom
  5. Click a picture using Phone Camera
  6. Wait for the clicked picture to load
  7. After loading showing the clicked picture the app crashes in few seconds

Logs attached below:

2020-06-05 23:09:02.704316+0530 Client[10593:1944431] [core] "Error returned from daemon: Error Domain=com.apple.accounts Code=7 "(null)""
2020-06-05 23:09:09.689875+0530 Client[10593:1944277] ImageFilterKit: max cache size 737.871 MB
2020-06-05 23:09:09.759988+0530 Client[10593:1944598] Metal GPU Frame Capture Enabled
2020-06-05 23:09:09.760419+0530 Client[10593:1944598] Metal API Validation Enabled
2020-06-05 23:09:11.295933+0530 Client[10593:1944604] [SOServiceConnection] <SOServiceConnection: 0x281adedc0>: XPC connection interrupted
2020-06-05 23:09:11.307326+0530 Client[10593:1944614] [ServicesDaemonManager] interruptionHandler is called. -[FontServicesDaemonManager connection]_block_invoke
2020-06-05 23:09:12.606644+0530 Client[10593:1944277] ImageFilterKit: recieved memory warning !!!
2020-06-05 23:09:12.606745+0530 Client[10593:1944277] ImageFilterKit: clear cache
Message from debugger: Terminated due to memory issue

Windows: Task :react-native-image-filter-kit:compileDebugRenderscript FAILED

The error occurs even on fresh project with only react-native-image-filter-kit imported while trying to build an app using npx react-native .

What went wrong:
Execution failed for task ':react-native-image-filter-kit:compileDebugRenderscript'.

Uninstalling package makes project work again.

I'm assuming that using Windows may be the problem.

I am using
RN 0.61.5
react-native-image-filter-kit 0.7.0
Windows 7

Could not find com.github.iyegoroff:ReflectUtils:1.0.0

Sorry, I can't run it successfully, my react-native versions: 0.60.5

Could not find com.github.iyegoroff:ReflectUtils:1.0.0.
Searched in the following locations:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.