react-native-scanbot-barcode-scanner-sdk 3.2.1-beta6 → 3.2.1-beta9

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/base/RNScanbotNativeComponentManagerFactory.java

@@ -0,0 +1,40 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.base;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.ReactContext;
+
+/**
+ * This class is used to create ViewManagers for native components
+ */
+public class RNScanbotNativeComponentManagerFactory {
+
+    private final ReactContext reactContext;
+
+    public RNScanbotNativeComponentManagerFactory(@NonNull final ReactContext reactContext) {
+        this.reactContext = reactContext;
+    }
+
+    private static class RNScanbotNativeComponentManagerCreator<T extends RNScanbotNativeComponent> {
+        public RNScanbotNativeComponentManager<T> create(
+            @NonNull final ReactContext reactContext,
+            @NonNull final T nativeComponent,
+            @NonNull final String name
+        ) {
+            return new RNScanbotNativeComponentManager<T>(reactContext, nativeComponent) {
+                @NonNull @Override public String getName() {
+                    return name;
+                }
+            };
+        }
+    }
+
+    @SuppressWarnings({"unchecked", "rawtypes"})
+    public RNScanbotNativeComponentManager createManager(
+        @NonNull final RNScanbotNativeComponent nativeComponent,
+        @NonNull final String name
+    ) {
+        return new RNScanbotNativeComponentManagerCreator().create(reactContext, nativeComponent, name);
+    }
+}
+

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/base/RNScanbotNativeComponentUi.java

@@ -0,0 +1,131 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.base;
+
+import android.view.View;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableNativeMap;
+
+import io.scanbot.barcodesdk.plugin.reactnative.components.base.communication.RNScanbotEventEmitter;
+import io.scanbot.barcodesdk.plugin.reactnative.components.base.views.RNScanbotNativeComponentRootView;
+
+/**
+ * This is the UI component of your custom React Native components.
+ * It expects you to return a ScanbotComponentRootView in createRootView.
+ * It takes care of attaching listeners and handling layout changes re-measurements.
+ */
+public abstract class RNScanbotNativeComponentUi {
+    // The rootView created through createRootView()
+    protected RNScanbotNativeComponentRootView rootView;
+
+    // The React Context
+    protected ReactContext reactContext;
+
+    // Listener to handle the re-layout when children change... they grow up so fast
+    private RNScanbotNativeComponentRootView.IOnChildRemovedListener childRemovedListener;
+    private View.OnAttachStateChangeListener onAttachStateChangeListener;
+    private Runnable onViewRecreated;
+
+    public RNScanbotNativeComponentUi(@NonNull final ReactContext reactContext) { this.reactContext = reactContext; }
+
+    /*
+     * Disposes the component
+     */
+    public void dispose() {
+        if (childRemovedListener != null) {
+            rootView.removeOneShotChildRemovedListener(childRemovedListener);
+        }
+        if (onAttachStateChangeListener != null) {
+            rootView.removeOnAttachStateChangeListener(onAttachStateChangeListener);
+        }
+
+        childRemovedListener = null;
+        onAttachStateChangeListener = null;
+
+        this.rootView = null;
+        this.reactContext = null;
+    }
+
+    /*
+     * Returns the rootView created by createRootView, after performing some UI post operations
+     */
+    public RNScanbotNativeComponentRootView getRootView() {
+        if (this.rootView == null) {
+            this.rootView = createAndSetupRootView();
+            this.notifyViewRecreated();
+        }
+        return this.rootView;
+    }
+
+    public void _setOnViewRecreatedListener(final Runnable runnable) {
+        this.onViewRecreated = runnable;
+    }
+
+    public void removeOnViewRecreatedListener() {
+        this.onViewRecreated = null;
+    }
+
+    private void notifyViewRecreated() {
+        if (this.onViewRecreated == null) {
+            return;
+        }
+        this.onViewRecreated.run();
+    }
+
+    /*
+     * You must construct your view inside this method, and then return it.
+     */
+    protected abstract RNScanbotNativeComponentRootView createRootView(@NonNull final ReactContext reactContext);
+
+    /*
+     * Calls the inheriting class's Root View custom creator, and performs some additional setup to
+     * it, before returning it.
+     */
+    private RNScanbotNativeComponentRootView createAndSetupRootView() {
+        final RNScanbotNativeComponentRootView rootView = createRootView(this.reactContext);
+        onAttachStateChangeListener = new View.OnAttachStateChangeListener() {
+            @Override
+            public void onViewAttachedToWindow(View v) {
+                remeasureViews(rootView, reactContext);
+            }
+
+            @Override
+            public void onViewDetachedFromWindow(View v) {}
+        };
+        rootView.addOnAttachStateChangeListener(onAttachStateChangeListener);
+        return rootView;
+    }
+
+    /*
+     * UI Thread: Remeasures and layouts the views
+     */
+    public void remeasureViews(
+            @NonNull final RNScanbotNativeComponentRootView rootView,
+            @NonNull final ReactContext reactContext
+    ) {
+        reactContext.runOnUiQueueThread(() -> {
+            // The view is remeasured as soon as it is attached to the window
+            rootView.post(rootView.measureAndLayout);
+
+            // Runs custom logic that has to be performed after the remeasuring of the views
+            rootView.post(this::onViewsRemeasured);
+
+            // Take care of your children
+            if (childRemovedListener != null) {
+                rootView.removeOneShotChildRemovedListener(childRemovedListener);
+            }
+            childRemovedListener = child -> new RNScanbotEventEmitter(reactContext, rootView)
+                    .emitEvent(
+                            RNScanbotEventEmitter.CommonEvents.REQUEST_COMPONENT_RELOAD,
+                            new WritableNativeMap());
+            rootView.addOneShotChildRemovedListener(childRemovedListener);
+        });
+    }
+
+    /**
+     *  Called after the remeasuring of the views has been completed. Override this if you want
+     *  to apply some custom UI logic in that point of the lifecycle.
+     */
+    protected void onViewsRemeasured() {}
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/{EventEmitter.java → base/communication/RNScanbotEventEmitter.java}

@@ -1,4 +1,4 @@
-package io.scanbot.barcodesdk.plugin.reactnative.components;
+package io.scanbot.barcodesdk.plugin.reactnative.components.base.communication;
 
 import android.view.ViewGroup;
 
@@ -9,14 +9,17 @@ import com.facebook.react.uimanager.events.RCTEventEmitter;
 
 import java.util.Map;
 
-public class EventEmitter {
+public class RNScanbotEventEmitter {
 
-    public enum NativeEvent {
-        BARCODE_SCANNER_RESULT("onBarcodeScannerResult"),
+    public interface NativeEvent {
+        String getName();
+    }
+
+    public enum CommonEvents implements RNScanbotEventEmitter.NativeEvent {
         REQUEST_COMPONENT_RELOAD("requestComponentReload");
 
         private final String name;
-        NativeEvent(final String name) {
+        CommonEvents(final String name) {
             this.name = name;
         }
 
@@ -29,7 +32,7 @@ public class EventEmitter {
     private final ReactContext reactContext;
     private final ViewGroup rootViewGroup;
 
-    public EventEmitter(final ReactContext reactContext, final ViewGroup rootViewGroup) {
+    public RNScanbotEventEmitter(final ReactContext reactContext, final ViewGroup rootViewGroup) {
         this.reactContext = reactContext;
         this.jsEventEmitter = reactContext.getJSModule(RCTEventEmitter.class);
         this.rootViewGroup = rootViewGroup;
@@ -52,4 +55,22 @@ public class EventEmitter {
 
         return builder.build();
     }
+
+    public static RNScanbotEventEmitter.NativeEvent[] concatEvents(
+            RNScanbotEventEmitter.NativeEvent[] arr1,
+            RNScanbotEventEmitter.NativeEvent[] arr2
+    ) {
+        final int len1 = arr1.length;
+        final int len2 = arr2.length;
+        final int min = Math.min(len1, len2);
+        final int max = Math.max(len1, len2);
+        final RNScanbotEventEmitter.NativeEvent[] out = new RNScanbotEventEmitter.NativeEvent[len1 + len2];
+
+        for (int i = 0; i<max; ++i) {
+            out[i] = len2 > len1 ? arr2[i] : arr1[i];
+            if (i < min) { out[i+max] = len2 > len1 ? arr1[i] : arr2[i]; }
+        }
+
+        return out;
+    }
 }

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/base/communication/RNScanbotEventReceiver.java

@@ -0,0 +1,108 @@
+package io.scanbot.barcodesdk.plugin.reactnative.components.base.communication;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.ReadableArray;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class RNScanbotEventReceiver {
+
+    public interface JavaScriptEvent {
+        String getName();
+    }
+
+    public enum CommonEvents implements RNScanbotEventReceiver.JavaScriptEvent {
+        COMPONENT_DID_UPDATE("componentDidUpdate"),
+        COMPONENT_DID_MOUNT("componentDidMount"),
+        COMPONENT_WILL_UNMOUNT("componentWillUnmount"),
+        ORIENTATION_CHANGED("orientationChanged");
+
+        private final String name;
+        CommonEvents(final String name) {
+            this.name = name;
+        }
+
+        public String getName() {
+            return name;
+        }
+    }
+
+    public interface IEventHandler {
+        void eventHandler_eventReceived(final JavaScriptEvent event, @Nullable final ReadableArray args);
+    }
+
+    private final IEventHandler handler;
+    private final JavaScriptEvent[] events;
+    private final HashMap<Integer, String> eventsMap = new HashMap<>();
+
+    public RNScanbotEventReceiver(@NonNull final IEventHandler handler, @NonNull final JavaScriptEvent[] events) {
+        this.handler = handler;
+        this.events = concatEvents(CommonEvents.values(), events);
+        prepare();
+    }
+
+    public void receiveCommand(@NonNull final String commandId, @Nullable final ReadableArray args) {
+        int commandIdInt = Integer.parseInt(commandId);
+        if (!eventsMap.containsKey(commandIdInt)) {
+            return; // Command not handled
+        }
+
+        final String eventName = eventsMap.get(commandIdInt);
+        assert eventName != null;
+        final JavaScriptEvent event = getEventFromName(eventName);
+        handler.eventHandler_eventReceived(event, args);
+    }
+
+    public Map<String, Integer> getCommandsMap() {
+        final HashMap<String, Integer> out = new HashMap<>();
+        for (final Integer key: eventsMap.keySet()) {
+            out.put(eventsMap.get(key), key);
+        }
+        return out;
+    }
+
+    private void prepare() {
+        int commandId = 1;
+        for(final JavaScriptEvent event: this.events) {
+            this.eventsMap.put(commandId++, event.getName());
+        }
+    }
+
+    public JavaScriptEvent getEventFromName(@NonNull final String name) {
+        for (JavaScriptEvent event: events) {
+            if (event.getName().equals(name)) {
+                return event;
+            }
+        }
+        return null;
+    }
+
+    public CommonEvents getCommonEventFromName(@NonNull final String name) {
+        final JavaScriptEvent event = getEventFromName(name);
+        if (!(event instanceof CommonEvents)) {
+            return null;
+        }
+        return (CommonEvents) event;
+    }
+
+    public static RNScanbotEventReceiver.JavaScriptEvent[] concatEvents(
+            RNScanbotEventReceiver.JavaScriptEvent[] arr1,
+            RNScanbotEventReceiver.JavaScriptEvent[] arr2
+    ) {
+        final int len1 = arr1.length;
+        final int len2 = arr2.length;
+        final int min = Math.min(len1, len2);
+        final int max = Math.max(len1, len2);
+        final RNScanbotEventReceiver.JavaScriptEvent[] out = new RNScanbotEventReceiver.JavaScriptEvent[len1 + len2];
+
+        for (int i = 0; i<max; ++i) {
+            out[i] = len2 > len1 ? arr2[i] : arr1[i];
+            if (i < min) { out[i+max] = len2 > len1 ? arr1[i] : arr2[i]; }
+        }
+
+        return out;
+    }
+}

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/{common/ScanbotComponentFrameLayout.java → base/views/RNScanbotNativeComponentFrameLayout.java}

@@ -1,4 +1,4 @@
-package io.scanbot.barcodesdk.plugin.reactnative.components.common;
+package io.scanbot.barcodesdk.plugin.reactnative.components.base.views;
 
 import android.content.Context;
 import android.util.AttributeSet;
@@ -7,17 +7,17 @@ import android.widget.FrameLayout;
 import java.util.ArrayList;
 import java.util.List;
 
-public class ScanbotComponentFrameLayout extends FrameLayout {
+public class RNScanbotNativeComponentFrameLayout extends FrameLayout {
 
     interface ILayoutChangeListener {
         void onFrameLayoutChanged(int width, int height, int left, int top, int right, int bottom);
     }
 
-    public ScanbotComponentFrameLayout(Context context, AttributeSet attrs) {
+    public RNScanbotNativeComponentFrameLayout(Context context, AttributeSet attrs) {
         super(context, attrs);
     }
 
-    public ScanbotComponentFrameLayout(Context context, AttributeSet attrs, int defStyle) {
+    public RNScanbotNativeComponentFrameLayout(Context context, AttributeSet attrs, int defStyle) {
         super(context, attrs, defStyle);
     }
 

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/components/{common/ScanbotComponentRootView.java → base/views/RNScanbotNativeComponentRootView.java}

@@ -1,4 +1,4 @@
-package io.scanbot.barcodesdk.plugin.reactnative.components.common;
+package io.scanbot.barcodesdk.plugin.reactnative.components.base.views;
 
 import android.content.Context;
 import android.util.AttributeSet;
@@ -13,7 +13,7 @@ import java.lang.reflect.Type;
 import java.util.ArrayList;
 import java.util.List;
 
-public class ScanbotComponentRootView extends ReactRootView {
+public class RNScanbotNativeComponentRootView extends ReactRootView {
 
     public interface ILayoutChangeListener {
         void onFrameLayoutChanged(int width, int height, int left, int top, int right, int bottom);
@@ -23,64 +23,53 @@ public class ScanbotComponentRootView extends ReactRootView {
         void onChildRemoved(final View child);
     }
 
-    public final Runnable measureAndLayout =
-            new Runnable() {
-                @Override
-                public void run() {
-                    measure(
-                            MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
-                            MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
-                    layout(getLeft(), getTop(), getRight(), getBottom());
-                    notifyLayoutChangeListeners(getWidth(), getHeight(), getLeft(), getTop(), getRight(), getBottom());
-                }
-            };
+    public final Runnable measureAndLayout = () -> {
+        measure(
+                MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
+                MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
+        layout(getLeft(), getTop(), getRight(), getBottom());
+        notifyLayoutChangeListeners(getWidth(), getHeight(), getLeft(), getTop(), getRight(), getBottom());
+    };
 
     private final List<ILayoutChangeListener> layoutChangeListeners = new ArrayList<>();
     private final List<IOnChildRemovedListener> childRemovedListeners = new ArrayList<>();
-    private final List<View> lastNotifiedChildViews = new ArrayList<>();
-    private final List<Type> reservedComponents = new ArrayList<>();
     private boolean shouldNotifyWhenChildIsRemoved = false;
 
-    private void instantiate() {
-        reservedComponents.add(ScanbotComponentRootView.class);
-    }
-
-    public ScanbotComponentRootView(Context context) {
+    public RNScanbotNativeComponentRootView(Context context) {
         super(context);
         instantiate();
     }
 
-    public ScanbotComponentRootView(Context context, AttributeSet attrs) {
+    public RNScanbotNativeComponentRootView(Context context, AttributeSet attrs) {
         super(context, attrs);
         instantiate();
     }
 
-    public ScanbotComponentRootView(Context context, AttributeSet attrs, int defStyle) {
+    public RNScanbotNativeComponentRootView(Context context, AttributeSet attrs, int defStyle) {
         super(context, attrs, defStyle);
         instantiate();
     }
 
+    private void instantiate() {}
+
     @Override
     protected void onAttachedToWindow() {
         super.onAttachedToWindow();
         applyChildrenMeasureWorkaround();
     }
 
-    private void applyChildrenMeasureWorkaround() {
-        Choreographer.getInstance().postFrameCallback(new Choreographer.FrameCallback() {
-            @Override
-            public void doFrame(long frameTimeNanos) {
-                for (int i = 0; i < getChildCount(); i++) {
-                    View child = getChildAt(i);
-                    if (child instanceof FrameLayout) {
-                        child.measure(MeasureSpec.makeMeasureSpec(getMeasuredWidth(), MeasureSpec.EXACTLY),
-                                MeasureSpec.makeMeasureSpec(getMeasuredHeight(), MeasureSpec.EXACTLY));
-                        child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
-                    }
+    public void applyChildrenMeasureWorkaround() {
+        Choreographer.getInstance().postFrameCallback(frameTimeNanos -> {
+            for (int i = 0; i < getChildCount(); i++) {
+                View child = getChildAt(i);
+                if (child instanceof FrameLayout) {
+                    child.measure(MeasureSpec.makeMeasureSpec(getMeasuredWidth(), MeasureSpec.EXACTLY),
+                            MeasureSpec.makeMeasureSpec(getMeasuredHeight(), MeasureSpec.EXACTLY));
+                    child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
                 }
-                getViewTreeObserver().dispatchOnGlobalLayout();
-                shouldNotifyWhenChildIsRemoved = true;
             }
+            getViewTreeObserver().dispatchOnGlobalLayout();
+            shouldNotifyWhenChildIsRemoved = true;
         });
     }
 
@@ -105,6 +94,10 @@ public class ScanbotComponentRootView extends ReactRootView {
         }
     }
 
+    public void removeOneShotChildRemovedListener(IOnChildRemovedListener listener) {
+        childRemovedListeners.remove(listener);
+    }
+
     private void notifyLayoutChangeListeners(int width, int height, int left, int top, int right, int bottom) {
         for(ILayoutChangeListener listener : layoutChangeListeners) {
             listener.onFrameLayoutChanged(width, height, left, top, right, bottom);
@@ -112,16 +105,20 @@ public class ScanbotComponentRootView extends ReactRootView {
     }
 
     private void notifyChildRemovedListeners(final View childView) {
-        for (IOnChildRemovedListener listener : childRemovedListeners) {
-            if (!lastNotifiedChildViews.contains(childView)) {
-                listener.onChildRemoved(childView);
-                lastNotifiedChildViews.add(childView);
-            } else {
-                lastNotifiedChildViews.clear();
-            }
-        }
-
-        childRemovedListeners.clear();
+//        if (!shouldNotifyWhenChildIsRemoved) {
+//            return;
+//        }
+//      -> Might be useful one day
+//        for (IOnChildRemovedListener listener : childRemovedListeners) {
+//            if (!lastNotifiedChildViews.contains(childView)) {
+//                listener.onChildRemoved(childView);
+//                lastNotifiedChildViews.add(childView);
+//            } else {
+//                lastNotifiedChildViews.clear();
+//            }
+//        }
+//
+//        childRemovedListeners.clear();
     }
 
     @Override
@@ -140,9 +137,7 @@ public class ScanbotComponentRootView extends ReactRootView {
     @Override
     public void onViewRemoved(View child) {
         super.onViewRemoved(child);
-        if (shouldNotifyWhenChildIsRemoved) {
-            //notifyChildRemovedListeners(child);
-        }
+        notifyChildRemovedListeners(child);
     }
 
     @Override

package/android/src/main/java/io/scanbot/barcodesdk/plugin/reactnative/utils/JSONUtils.java

@@ -39,7 +39,8 @@ import io.scanbot.sdk.ui.view.base.configuration.CameraOrientationMode;
 
 public final class JSONUtils {
 
-    private JSONUtils() {}
+    private JSONUtils() {
+    }
 
     public static class WritableMapBuilder {
 
@@ -88,7 +89,7 @@ public final class JSONUtils {
     public static WritableArray sdkPolygonToWritableArray(final List<PointF> polygon) {
         WritableArray points = Arguments.createArray();
         if (polygon != null) {
-            for (final PointF p: polygon) {
+            for (final PointF p : polygon) {
                 WritableMap pointRecord = Arguments.createMap();
                 pointRecord.putDouble("x", p.x);
                 pointRecord.putDouble("y", p.y);
@@ -122,7 +123,8 @@ public final class JSONUtils {
         return nativeBarcodeDocumentFormats;
     }
 
-    public static @Nullable CameraOrientationMode extractCameraOrientationMode(final ReadableMap configuration) {
+    public static @Nullable
+    CameraOrientationMode extractCameraOrientationMode(final ReadableMap configuration) {
         if (configuration.hasKey("allowedInterfaceOrientations")) {
             String orientation = configuration.getString("allowedInterfaceOrientations");
             if (orientation == null) {
@@ -146,7 +148,8 @@ public final class JSONUtils {
         return null;
     }
 
-    public static @Nullable BarcodeScannerAdditionalConfig extractBarcodeScannerAdditionalConfig(final ReadableMap configuration) {
+    public static @Nullable
+    BarcodeScannerAdditionalConfig extractBarcodeScannerAdditionalConfig(final ReadableMap configuration) {
         boolean changed = false;
 
         int minimumTextLength = BarcodeScannerAdditionalConfig.DEFAULT_MIN_TEXT_LENGTH;
@@ -163,7 +166,7 @@ public final class JSONUtils {
 
         int minimum1DQuietZoneSize = BarcodeScannerAdditionalConfig.DEFAULT_MIN_1D_QUIET_ZONE_SIZE;
         if (configuration.hasKey("minimum1DBarcodesQuietZone")) {
-            minimum1DQuietZoneSize  = configuration.getInt("minimum1DBarcodesQuietZone");
+            minimum1DQuietZoneSize = configuration.getInt("minimum1DBarcodesQuietZone");
             changed = true;
         }
 
@@ -205,7 +208,8 @@ public final class JSONUtils {
         ) : null;
     }
 
-    public static @Nullable BarcodeScannerAdditionalConfiguration extractBarcodeScannerAdditionalConfiguration(final ReadableMap configuration) {
+    public static @Nullable
+    BarcodeScannerAdditionalConfiguration extractBarcodeScannerAdditionalConfiguration(final ReadableMap configuration) {
         final BarcodeScannerAdditionalConfig config = extractBarcodeScannerAdditionalConfig(configuration);
         return config != null ? new BarcodeScannerAdditionalConfiguration(
                 config.getMinimumTextLength(),
@@ -227,8 +231,7 @@ public final class JSONUtils {
             final ReactBarcodeExtensionsFilter.Type type =
                     ReactBarcodeExtensionsFilter.Type.valueOf(filterType);
             return new ReactBarcodeExtensionsFilter(type);
-        }
-        catch (IllegalArgumentException exception) {
+        } catch (IllegalArgumentException exception) {
             final String errMsg = String.format("The value passed in 'barcodeFilter' (%s) does not exist", filterType);
             Log.e("SCANBOT_SDK", errMsg);
         }
@@ -237,13 +240,19 @@ public final class JSONUtils {
     }
 
     public static List<BarcodeItem> getBarcodeItemsFromResultWithFilter(BarcodeScanningResult result, BarcodeFilter filter) {
-        if (result == null) {
+        return getBarcodeItemsFromItemListWithFilter(result.getBarcodeItems(), filter);
+    }
+
+    public static List<BarcodeItem> getBarcodeItemsFromItemListWithFilter(List<BarcodeItem> results, BarcodeFilter filter) {
+        if (results == null) {
             return new ArrayList<>();
         }
 
         final List<BarcodeItem> filteredBarcodeItems = new ArrayList<>();
-        for (BarcodeItem barcodeItem : result.getBarcodeItems()) {
-            if (!filter.acceptsBarcode(barcodeItem)) { continue; }
+        for (BarcodeItem barcodeItem : results) {
+            if (!filter.acceptsBarcode(barcodeItem)) {
+                continue;
+            }
             filteredBarcodeItems.add(barcodeItem);
         }
         return filteredBarcodeItems;
@@ -251,15 +260,17 @@ public final class JSONUtils {
 
     public static ArrayList<String> getStringArrayListFromMap(final ReadableMap configuration, final String key) {
         ArrayList<String> out = new ArrayList<>();
-        if(!configuration.hasKey(key)) {
+        if (!configuration.hasKey(key)) {
             return out;
         }
         ReadableArray nullable = configuration.getArray(key);
         if (nullable != null) {
             ArrayList<Object> objects = nullable.toArrayList();
             for (Object obj : objects) {
-                try { out.add(Objects.toString(obj)); }
-                catch (ClassCastException ignored) {}
+                try {
+                    out.add(Objects.toString(obj));
+                } catch (ClassCastException ignored) {
+                }
             }
         }
         return out;

package/android/src/main/res/layout/component_barcode_camera_view.xml

@@ -1,11 +1,28 @@
 <?xml version="1.0" encoding="utf-8"?>
-<io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentRootView
+<io.scanbot.barcodesdk.plugin.reactnative.components.base.views.RNScanbotNativeComponentRootView
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:descendantFocusability="afterDescendants"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
-    <io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentFrameLayout
-        android:id="@+id/fragment_container_view"
+    <io.scanbot.barcodesdk.plugin.reactnative.components.base.views.RNScanbotNativeComponentFrameLayout
+        android:id="@+id/barcode_camera_layout"
+        xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
-        android:layout_height="match_parent" />
-</io.scanbot.barcodesdk.plugin.reactnative.components.common.ScanbotComponentRootView>
+        android:layout_height="match_parent">
+
+        <io.scanbot.sdk.ui.camera.ScanbotCameraXView
+            android:id="@+id/barcode_camera"
+            android:orientation="vertical"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="@android:color/black"
+            app:finder_view_id="@id/barcode_finder_overlay"/>
+
+        <io.scanbot.sdk.ui.camera.FinderOverlayView
+            android:id="@+id/barcode_finder_overlay"
+            app:min_padding="64dp"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+
+    </io.scanbot.barcodesdk.plugin.reactnative.components.base.views.RNScanbotNativeComponentFrameLayout>
+</io.scanbot.barcodesdk.plugin.reactnative.components.base.views.RNScanbotNativeComponentRootView>