@shopify/react-native-skia 1.5.10 → 1.6.0

package/android/cpp/jni/include/JniSkiaBaseView.h

@@ -29,12 +29,14 @@ public:
   }
 
 protected:
-  virtual void surfaceAvailable(jobject surface, int width, int height) {
-    _skiaAndroidView->surfaceAvailable(surface, width, height);
+  virtual void surfaceAvailable(jobject surface, int width, int height,
+                                bool opaque) {
+    _skiaAndroidView->surfaceAvailable(surface, width, height, opaque);
   }
 
-  virtual void surfaceSizeChanged(jobject surface, int width, int height) {
-    _skiaAndroidView->surfaceSizeChanged(surface, width, height);
+  virtual void surfaceSizeChanged(jobject surface, int width, int height,
+                                  bool opaque) {
+    _skiaAndroidView->surfaceSizeChanged(surface, width, height, opaque);
   }
 
   virtual void surfaceDestroyed() { _skiaAndroidView->surfaceDestroyed(); }

package/android/cpp/jni/include/JniSkiaDomView.h

@@ -46,12 +46,14 @@ public:
   }
 
 protected:
-  void surfaceAvailable(jobject surface, int width, int height) override {
-    JniSkiaBaseView::surfaceAvailable(surface, width, height);
+  void surfaceAvailable(jobject surface, int width, int height,
+                        bool opaque) override {
+    JniSkiaBaseView::surfaceAvailable(surface, width, height, opaque);
   }
 
-  void surfaceSizeChanged(jobject surface, int width, int height) override {
-    JniSkiaBaseView::surfaceSizeChanged(surface, width, height);
+  void surfaceSizeChanged(jobject surface, int width, int height,
+                          bool opaque) override {
+    JniSkiaBaseView::surfaceSizeChanged(surface, width, height, opaque);
   }
 
   void surfaceDestroyed() override { JniSkiaBaseView::surfaceDestroyed(); }

package/android/cpp/jni/include/JniSkiaPictureView.h

@@ -48,12 +48,14 @@ public:
   }
 
 protected:
-  void surfaceAvailable(jobject surface, int width, int height) override {
-    JniSkiaBaseView::surfaceAvailable(surface, width, height);
+  void surfaceAvailable(jobject surface, int width, int height,
+                        bool opaque) override {
+    JniSkiaBaseView::surfaceAvailable(surface, width, height, opaque);
   }
 
-  void surfaceSizeChanged(jobject surface, int width, int height) override {
-    JniSkiaBaseView::surfaceSizeChanged(surface, width, height);
+  void surfaceSizeChanged(jobject surface, int width, int height,
+                          bool opaque) override {
+    JniSkiaBaseView::surfaceSizeChanged(surface, width, height, opaque);
   }
 
   void surfaceDestroyed() override { JniSkiaBaseView::surfaceDestroyed(); }

package/android/cpp/rnskia-android/MainThreadDispatcher.h

@@ -2,6 +2,7 @@
 
 #include <android/looper.h>
 #include <unistd.h>
+#include <queue>
 
 class MainThreadDispatcher {
 private:
@@ -27,6 +28,10 @@ public:
     return instance;
   }
 
+  bool isOnMainThread() {
+      return ALooper_forThread() == mainLooper;
+  }
+
   void post(std::function<void()> task) {
     // TODO: this is disabled for now but we can clean this up
     // if (ALooper_forThread() == mainLooper) {

package/android/cpp/rnskia-android/OpenGLContext.h

@@ -16,6 +16,30 @@
 
 namespace RNSkia {
 
+class OpenGLSharedContext {
+public:
+  OpenGLSharedContext(const OpenGLSharedContext &) = delete;
+  OpenGLSharedContext &operator=(const OpenGLSharedContext &) = delete;
+
+  static OpenGLSharedContext &getInstance() {
+    static OpenGLSharedContext instance;
+    return instance;
+  }
+
+  gl::Display *getDisplay() { return _glDisplay.get(); }
+  gl::Context *getContext() { return _glContext.get(); }
+
+private:
+  std::unique_ptr<gl::Display> _glDisplay;
+  std::unique_ptr<gl::Context> _glContext;
+
+  OpenGLSharedContext() {
+    _glDisplay = std::make_unique<gl::Display>();
+    auto glConfig = _glDisplay->chooseConfig();
+    _glContext = _glDisplay->makeContext(glConfig, nullptr);
+  }
+};
+
 class OpenGLContext {
 public:
   friend class OpenGLWindowContext;
@@ -39,8 +63,11 @@ public:
     }
 
     // Create texture
+    auto GL_RGBA8 = 0x8058;
+    auto format = GrBackendFormats::MakeGL(GL_RGBA8, GL_TEXTURE_2D);
     auto texture = _directContext->createBackendTexture(
-        width, height, colorType, skgpu::Mipmapped::kNo, GrRenderable::kYes);
+        width, height, format, SkColors::kTransparent, skgpu::Mipmapped::kNo,
+        GrRenderable::kYes);
 
     if (!texture.isValid()) {
       RNSkLogger::logToConsole("couldn't create offscreen texture %dx%d", width,
@@ -128,24 +155,24 @@ public:
   // TODO: remove width, height
   std::unique_ptr<WindowContext> MakeWindow(ANativeWindow *window, int width,
                                             int height) {
-    return std::make_unique<OpenGLWindowContext>(
-        _directContext.get(), _glDisplay.get(), _glContext.get(), window);
+    auto display = OpenGLSharedContext::getInstance().getDisplay();
+    return std::make_unique<OpenGLWindowContext>(_directContext.get(), display,
+                                                 _glContext.get(), window);
   }
 
   GrDirectContext *getDirectContext() { return _directContext.get(); }
 
 private:
-  EGLConfig _glConfig;
-  std::unique_ptr<gl::Display> _glDisplay;
   std::unique_ptr<gl::Context> _glContext;
   std::unique_ptr<gl::Surface> _glSurface;
   sk_sp<GrDirectContext> _directContext;
 
   OpenGLContext() {
-    _glDisplay = std::make_unique<gl::Display>();
-    _glConfig = _glDisplay->chooseConfig();
-    _glContext = _glDisplay->makeContext(_glConfig, nullptr);
-    _glSurface = _glDisplay->makePixelBufferSurface(_glConfig, 1, 1);
+    auto display = OpenGLSharedContext::getInstance().getDisplay();
+    auto sharedContext = OpenGLSharedContext::getInstance().getContext();
+    auto glConfig = display->chooseConfig();
+    _glContext = display->makeContext(glConfig, sharedContext);
+    _glSurface = display->makePixelBufferSurface(glConfig, 1, 1);
     _glContext->makeCurrent(_glSurface.get());
     auto backendInterface = GrGLMakeNativeInterface();
     _directContext = GrDirectContexts::MakeGL(backendInterface);
@@ -156,4 +183,4 @@ private:
   }
 };
 
-} // namespace RNSkia
+} // namespace RNSkia

package/android/cpp/rnskia-android/OpenGLWindowContext.cpp

@@ -53,7 +53,6 @@ sk_sp<SkSurface> OpenGLWindowContext::getSurface() {
 
 void OpenGLWindowContext::present() {
   _glContext->makeCurrent(_glSurface.get());
-  // TODO: is flushAndSubmit needed here?
   _directContext->flushAndSubmit();
   _glSurface->present();
 }

package/android/cpp/rnskia-android/RNSkAndroidView.h

@@ -11,11 +11,13 @@ namespace RNSkia {
 
 class RNSkBaseAndroidView {
 public:
-  virtual void surfaceAvailable(jobject surface, int width, int height) = 0;
+  virtual void surfaceAvailable(jobject surface, int width, int height,
+                                bool opaque) = 0;
 
   virtual void surfaceDestroyed() = 0;
 
-  virtual void surfaceSizeChanged(jobject surface, int width, int height) = 0;
+  virtual void surfaceSizeChanged(jobject surface, int width, int height,
+                                  bool opaque) = 0;
 
   virtual float getPixelDensity() = 0;
 
@@ -34,12 +36,10 @@ public:
           std::make_shared<RNSkOpenGLCanvasProvider>(
               std::bind(&RNSkia::RNSkView::requestRedraw, this), context)) {}
 
-  void surfaceAvailable(jobject surface, int width, int height) override {
+  void surfaceAvailable(jobject surface, int width, int height,
+                        bool opaque) override {
     std::static_pointer_cast<RNSkOpenGLCanvasProvider>(T::getCanvasProvider())
-        ->surfaceAvailable(surface, width, height);
-
-    // Try to render directly when the surface has been set so that
-    // we don't have to wait until the draw loop returns.
+        ->surfaceAvailable(surface, width, height, opaque);
     RNSkView::redraw();
   }
 
@@ -48,9 +48,10 @@ public:
         ->surfaceDestroyed();
   }
 
-  void surfaceSizeChanged(jobject surface, int width, int height) override {
+  void surfaceSizeChanged(jobject surface, int width, int height,
+                          bool opaque) override {
     std::static_pointer_cast<RNSkOpenGLCanvasProvider>(T::getCanvasProvider())
-        ->surfaceSizeChanged(surface, width, height);
+        ->surfaceSizeChanged(surface, width, height, opaque);
     // This is only need for the first time to frame, this renderImmediate call
     // will invoke updateTexImage for the previous frame
     RNSkView::redraw();

package/android/cpp/rnskia-android/RNSkOpenGLCanvasProvider.cpp

@@ -46,22 +46,24 @@ float RNSkOpenGLCanvasProvider::getScaledHeight() {
 
 bool RNSkOpenGLCanvasProvider::renderToCanvas(
     const std::function<void(SkCanvas *)> &cb) {
-  JNIEnv *env = facebook::jni::Environment::current();
   if (_surfaceHolder != nullptr && cb != nullptr) {
     // Get the surface
     auto surface = _surfaceHolder->getSurface();
-    env->CallVoidMethod(_jSurfaceTexture, _updateTexImageMethod);
-
-    // Check for exceptions
-    if (env->ExceptionCheck()) {
-      RNSkLogger::logToConsole("updateAndRelease() failed. The exception above "
-                               "can safely be ignored");
-      env->ExceptionClear();
+    if (_jSurfaceTexture) {
+      JNIEnv *env = facebook::jni::Environment::current();
+      env->CallVoidMethod(_jSurfaceTexture, _updateTexImageMethod);
+
+      // Check for exceptions
+      if (env->ExceptionCheck()) {
+        RNSkLogger::logToConsole(
+            "updateAndRelease() failed. The exception above "
+            "can safely be ignored");
+        env->ExceptionClear();
+      }
     }
     if (surface) {
       // Draw into canvas using callback
       cb(surface->getCanvas());
-
       // Swap buffers and show on screen
       _surfaceHolder->present();
       return true;
@@ -74,32 +76,36 @@ bool RNSkOpenGLCanvasProvider::renderToCanvas(
 }
 
 void RNSkOpenGLCanvasProvider::surfaceAvailable(jobject jSurfaceTexture,
-                                                int width, int height) {
-  // If the surface is 0, we can skip it
-  if (width == 0 && height == 0) {
-    return;
-  }
+                                                int width, int height,
+                                                bool opaque) {
+  // Release the old surface
+  _surfaceHolder = nullptr;
+
   // Create renderer!
+  ANativeWindow *window = nullptr;
   JNIEnv *env = facebook::jni::Environment::current();
-
-  _jSurfaceTexture = env->NewGlobalRef(jSurfaceTexture);
-  jclass surfaceClass = env->FindClass("android/view/Surface");
-  jmethodID surfaceConstructor = env->GetMethodID(
-      surfaceClass, "<init>", "(Landroid/graphics/SurfaceTexture;)V");
-  // Create a new Surface instance
-  jobject jSurface =
-      env->NewObject(surfaceClass, surfaceConstructor, jSurfaceTexture);
-
-  jclass surfaceTextureClass = env->GetObjectClass(_jSurfaceTexture);
-  _updateTexImageMethod =
-      env->GetMethodID(surfaceTextureClass, "updateTexImage", "()V");
-
-  // Acquire the native window from the Surface
-  auto window = ANativeWindow_fromSurface(env, jSurface);
-  // Clean up local references
-  env->DeleteLocalRef(jSurface);
-  env->DeleteLocalRef(surfaceClass);
-  env->DeleteLocalRef(surfaceTextureClass);
+  if (!opaque) {
+    _jSurfaceTexture = env->NewGlobalRef(jSurfaceTexture);
+    jclass surfaceClass = env->FindClass("android/view/Surface");
+    jmethodID surfaceConstructor = env->GetMethodID(
+        surfaceClass, "<init>", "(Landroid/graphics/SurfaceTexture;)V");
+    // Create a new Surface instance
+    auto jSurface =
+        env->NewObject(surfaceClass, surfaceConstructor, jSurfaceTexture);
+    window = ANativeWindow_fromSurface(env, jSurface);
+
+    jclass surfaceTextureClass = env->GetObjectClass(_jSurfaceTexture);
+    _updateTexImageMethod =
+        env->GetMethodID(surfaceTextureClass, "updateTexImage", "()V");
+
+    // Acquire the native window from the Surface
+    // Clean up local references
+    env->DeleteLocalRef(jSurface);
+    env->DeleteLocalRef(surfaceClass);
+    env->DeleteLocalRef(surfaceTextureClass);
+  } else {
+    window = ANativeWindow_fromSurface(env, jSurfaceTexture);
+  }
 #if defined(SK_GRAPHITE)
   _surfaceHolder = DawnContext::getInstance().MakeWindow(window, width, height);
 #else
@@ -121,8 +127,8 @@ void RNSkOpenGLCanvasProvider::surfaceDestroyed() {
   }
 }
 
-void RNSkOpenGLCanvasProvider::surfaceSizeChanged(jobject jSurfaceTexture,
-                                                  int width, int height) {
+void RNSkOpenGLCanvasProvider::surfaceSizeChanged(jobject jSurface, int width,
+                                                  int height, bool opaque) {
   if (width == 0 && height == 0) {
     // Setting width/height to zero is nothing we need to care about when
     // it comes to invalidating the surface.
@@ -131,7 +137,7 @@ void RNSkOpenGLCanvasProvider::surfaceSizeChanged(jobject jSurfaceTexture,
 
   if (_surfaceHolder == nullptr) {
     _surfaceHolder = nullptr;
-    surfaceAvailable(jSurfaceTexture, width, height);
+    surfaceAvailable(jSurface, width, height, opaque);
   } else {
     _surfaceHolder->resize(width, height);
   }

package/android/cpp/rnskia-android/RNSkOpenGLCanvasProvider.h

@@ -27,11 +27,11 @@ public:
 
   bool renderToCanvas(const std::function<void(SkCanvas *)> &cb) override;
 
-  void surfaceAvailable(jobject surface, int width, int height);
+  void surfaceAvailable(jobject surface, int width, int height, bool opaque);
 
   void surfaceDestroyed();
 
-  void surfaceSizeChanged(jobject jSurface, int width, int height);
+  void surfaceSizeChanged(jobject jSurface, int width, int height, bool opaque);
 
 private:
   std::unique_ptr<WindowContext> _surfaceHolder = nullptr;

package/android/src/main/java/com/shopify/reactnative/skia/SkiaAHBView.java

@@ -0,0 +1,113 @@
+package com.shopify.reactnative.skia;
+
+
+import android.annotation.SuppressLint;
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.Matrix;
+import android.graphics.PixelFormat;
+import android.hardware.HardwareBuffer;
+import android.media.Image;
+import android.media.ImageReader;
+import android.os.Build;
+import android.util.Log;
+import android.view.View;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.RequiresApi;
+
+@SuppressLint("ViewConstructor")
+@RequiresApi(api = Build.VERSION_CODES.Q)
+public class SkiaAHBView extends View implements ImageReader.OnImageAvailableListener {
+
+    private ImageReader mReader;
+
+    private Bitmap mBitmap = null;
+
+    private final Matrix matrix = new Matrix();
+
+    SkiaViewAPI mApi;
+    boolean mDebug;
+
+    public SkiaAHBView(Context context, SkiaViewAPI api, boolean debug) {
+        super(context);
+        mApi = api;
+        mDebug = debug;
+    }
+
+    private ImageReader createReader() {
+        ImageReader reader = ImageReader.newInstance(getWidth(), getHeight(), PixelFormat.RGBA_8888, 2, HardwareBuffer.USAGE_GPU_SAMPLED_IMAGE |
+                HardwareBuffer.USAGE_GPU_COLOR_OUTPUT);
+        reader.setOnImageAvailableListener(this, null);
+        return reader;
+    }
+
+    @Override
+    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
+        super.onLayout(changed, left, top, right, bottom);
+        int width = getWidth();
+        int height = getHeight();
+        if (mReader == null) {
+            mReader = createReader();
+            mApi.onSurfaceCreated(mReader.getSurface(), width, height);
+        } else {
+            mReader = createReader();
+            mApi.onSurfaceChanged(mReader.getSurface(), width, height);
+        }
+    }
+
+    @Override
+    public void onImageAvailable(ImageReader reader) {
+        try (Image image = reader.acquireLatestImage()) {
+            if (image != null) {
+                HardwareBuffer hb = image.getHardwareBuffer();
+                if (mDebug) {
+                    textureUpdated(image.getTimestamp());
+                }
+                if (hb != null) {
+                    Bitmap bitmap = Bitmap.wrapHardwareBuffer(hb, null);
+                    if (bitmap != null) {
+                        mBitmap = bitmap;
+                        hb.close();
+                        invalidate();
+                    }
+                }
+            }
+        }
+    }
+
+    @Override
+    protected void onDraw(@NonNull Canvas canvas) {
+        super.onDraw(canvas);
+        if (mBitmap != null) {
+            float viewWidth = getWidth();
+            float viewHeight = getHeight();
+            float bitmapWidth = mBitmap.getWidth();
+            float bitmapHeight = mBitmap.getHeight();
+
+            // Calculate the scale factors
+            float scaleX = viewWidth / bitmapWidth;
+            float scaleY = viewHeight / bitmapHeight;
+
+            // Reset the matrix and apply scaling
+            matrix.reset();
+            matrix.setScale(scaleX, scaleY);
+
+            canvas.drawBitmap(mBitmap, matrix, null);
+        }
+    }
+
+    private long _prevTimestamp = 0;
+    public void textureUpdated(long ts) {
+        long frameDuration = (ts - _prevTimestamp)/1000000;
+        Log.i("SkiaAHBView", "onSurfaceTextureUpdated "+frameDuration+"ms");
+        _prevTimestamp = ts;
+    }
+
+    @Override
+    protected void onDetachedFromWindow() {
+        super.onDetachedFromWindow();
+        mApi.onSurfaceDestroyed();
+    }
+}

package/android/src/main/java/com/shopify/reactnative/skia/SkiaBaseView.java

@@ -3,97 +3,88 @@ package com.shopify.reactnative.skia;
 import android.content.Context;
 import android.graphics.SurfaceTexture;
 import android.util.Log;
-import android.view.TextureView;
+import android.view.Surface;
+import android.view.View;
 
 import com.facebook.react.views.view.ReactViewGroup;
 
-public abstract class SkiaBaseView extends ReactViewGroup implements TextureView.SurfaceTextureListener {
-    private TextureView mTexture;
+public abstract class SkiaBaseView extends ReactViewGroup implements SkiaViewAPI {
+    private View mView;
 
-    private String tag = "SkiaView";
-
-    private boolean isDropped = false;
+    private final boolean debug = false;
+    private final String tag = "SkiaView";
 
     public SkiaBaseView(Context context) {
         super(context);
-        mTexture = new TextureView(context);
-        mTexture.setSurfaceTextureListener(this);
-        mTexture.setOpaque(false);
-        addView(mTexture);
+        mView = new SkiaTextureView(context, this, debug);
+        addView(mView);
     }
 
-    private void createSurfaceTexture() {
-        // This API Level is >= 26, we created our own SurfaceTexture to have a faster time to first frame
-        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.O) {
-            Log.i(tag, "Create SurfaceTexture");
-            SurfaceTexture surface = new SurfaceTexture(false);
-            mTexture.setSurfaceTexture(surface);
-            this.onSurfaceTextureAvailable(surface, this.getMeasuredWidth(), this.getMeasuredHeight());
+    public void setOpaque(boolean value) {
+        if (value && mView instanceof SkiaTextureView) {
+            removeView(mView);
+            mView = new SkiaSurfaceView(getContext(), this, debug);
+            addView(mView);
+        } else if (!value && mView instanceof SkiaSurfaceView) {
+            removeView(mView);
+            mView = new SkiaTextureView(getContext(), this, debug);
+            addView(mView);
         }
     }
 
-    void dropInstance() {
-        isDropped = true;
-        unregisterView();
-    }
-
     @Override
     protected void onAttachedToWindow() {
         super.onAttachedToWindow();
-        if (this.getMeasuredWidth() == 0) {
-            createSurfaceTexture();
+        if (getMeasuredWidth() == 0) {
+            if (mView instanceof SkiaTextureView) {
+                ((SkiaTextureView) mView).createSurfaceTexture();
+            }
+        }
+    }
+
+    void dropInstance() {
+        if (mView instanceof SkiaTextureView) {
+            ((SkiaTextureView)mView).isDropped = true;
         }
+        unregisterView();
     }
 
     @Override
     protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
-        Log.i(tag, "onLayout " + this.getMeasuredWidth() + "/" + this.getMeasuredHeight());
         super.onLayout(changed, left, top, right, bottom);
-        mTexture.layout(0, 0, this.getMeasuredWidth(), this.getMeasuredHeight());
+        mView.layout(0, 0, right - left, bottom - top);
     }
 
     @Override
-    public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height) {
-        Log.i(tag, "onSurfaceTextureAvailable " + width + "/" + height);
-        surfaceAvailable(surface, width, height);
+    public void onSurfaceCreated(Surface surface, int width, int height) {
+        surfaceAvailable(surface, width, height, true);
     }
 
     @Override
-    public void onSurfaceTextureSizeChanged(SurfaceTexture surface, int width, int height) {
-        if (isDropped) {
-            return;
-        }
+    public void onSurfaceChanged(Surface surface, int width, int height) {
         Log.i(tag, "onSurfaceTextureSizeChanged " + width + "/" + height);
-        surfaceSizeChanged(surface, width, height);
+        surfaceSizeChanged(surface, width, height, true);
     }
 
     @Override
-    public boolean onSurfaceTextureDestroyed(SurfaceTexture surface) {
-        Log.i(tag, "onSurfaceTextureDestroyed");
-        // https://developer.android.com/reference/android/view/TextureView.SurfaceTextureListener#onSurfaceTextureDestroyed(android.graphics.SurfaceTexture)
-        surfaceDestroyed();
-        // Because of React Native Screens (which dettach the view), we always keep the surface alive.
-        // If not, Texture view will recreate the texture surface by itself and
-        // we will lose the fast first time to frame.
-        // We only delete the surface when the view is dropped (destroySurface invoked by SkiaBaseViewManager);
-        if (!isDropped) {
-            createSurfaceTexture();
-        }
-        return false;
+    public void onSurfaceTextureCreated(SurfaceTexture surface, int width, int height) {
+        surfaceAvailable(surface, width, height, false);
     }
 
-    private long _prevTimestamp = 0;
     @Override
-    public void onSurfaceTextureUpdated(SurfaceTexture surface) {
-        long timestamp = surface.getTimestamp();
-        long frameDuration = (timestamp - _prevTimestamp)/1000000;
-        Log.i(tag, "onSurfaceTextureUpdated "+frameDuration+"ms");
-        _prevTimestamp = timestamp;
+    public void onSurfaceTextureChanged(SurfaceTexture surface, int width, int height) {
+        Log.i(tag, "onSurfaceTextureSizeChanged " + width + "/" + height);
+        surfaceSizeChanged(surface, width, height, false);
+    }
+
+    @Override
+    public void onSurfaceDestroyed() {
+        surfaceDestroyed();
     }
 
-    protected abstract void surfaceAvailable(Object surface, int width, int height);
+    protected abstract void surfaceAvailable(Object surface, int width, int height, boolean opaque);
 
-    protected abstract void surfaceSizeChanged(Object surface, int width, int height);
+    protected abstract void surfaceSizeChanged(Object surface, int width, int height, boolean opaque);
 
     protected abstract void surfaceDestroyed();
 

package/android/src/main/java/com/shopify/reactnative/skia/SkiaBaseViewManager.java

@@ -26,6 +26,11 @@ public abstract class SkiaBaseViewManager<T extends SkiaBaseView> extends ReactV
         ((SkiaBaseView)view).setDebugMode(show);
     }
 
+    @ReactProp(name = "opaque")
+    public void setOpaque(T view, boolean value) {
+        ((SkiaBaseView)view).setOpaque(value);
+    }
+
     @Override
     public void onDropViewInstance(@NonNull ReactViewGroup view) {
         super.onDropViewInstance(view);

package/android/src/main/java/com/shopify/reactnative/skia/SkiaDomView.java

@@ -25,9 +25,9 @@ public class SkiaDomView extends SkiaBaseView {
 
     private native HybridData initHybrid(SkiaManager skiaManager);
 
-    protected native void surfaceAvailable(Object surface, int width, int height);
+    protected native void surfaceAvailable(Object surface, int width, int height, boolean opaque);
 
-    protected native void surfaceSizeChanged(Object surface, int width, int height);
+    protected native void surfaceSizeChanged(Object surface, int width, int height, boolean opaque);
 
     protected native void surfaceDestroyed();
 

package/android/src/main/java/com/shopify/reactnative/skia/SkiaPictureView.java

@@ -24,9 +24,9 @@ public class SkiaPictureView extends SkiaBaseView {
 
     private native HybridData initHybrid(SkiaManager skiaManager);
 
-    protected native void surfaceAvailable(Object surface, int width, int height);
+    protected native void surfaceAvailable(Object surface, int width, int height, boolean opaque);
 
-    protected native void surfaceSizeChanged(Object surface, int width, int height);
+    protected native void surfaceSizeChanged(Object surface, int width, int height, boolean opaque);
 
     protected native void surfaceDestroyed();