react-native-screens 3.11.1 → 3.12.0

package/README.md

@@ -2,6 +2,10 @@
 
 This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library but rather as a dependency of a [full-featured navigation library](https://github.com/react-navigation/react-navigation).
 
+## Fabric
+
+To learn about how to use `react-native-screens` with Fabric architecture, head over to [Fabric README](README-Fabric.md). Instructions on how to run Fabric Example within this repo can be found in the [FabricExample README](FabricExample/README.md).
+
 ## Supported platforms
 
 - [x] iOS

package/RNScreens.podspec

@@ -2,6 +2,13 @@ require "json"
 
 package = JSON.parse(File.read(File.join(__dir__, "package.json")))
 
+fabric_enabled = ENV['RCT_NEW_ARCH_ENABLED']
+
+# folly_version must match the version used in React Native
+# See folly_version in react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec
+folly_version = '2021.06.28.00-v2'
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
 Pod::Spec.new do |s|
   s.name         = "RNScreens"
   s.version      = package["version"]
@@ -16,10 +23,33 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "9.0", :tvos => "11.0" }
   s.source       = { :git => "https://github.com/software-mansion/react-native-screens.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m}"
-  s.requires_arc = true
-
-  s.dependency "React-Core"
-  s.dependency "React-RCTImage"
+  if fabric_enabled
+    s.pod_target_xcconfig = {
+      'HEADER_SEARCH_PATHS' => '"$(PODS_ROOT)/boost" "$(PODS_ROOT)/boost-for-react-native"  "$(PODS_ROOT)/RCT-Folly"'
+    }
+    s.platforms       = { ios: '11.0', tvos: '11.0' }
+    s.compiler_flags  = folly_compiler_flags
+    s.source_files    = 'ios/**/*.{h,m,mm,cpp}'
+    s.requires_arc    = true
+  
+    s.dependency "React"
+    s.dependency "React-RCTFabric"
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly", folly_version
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+  
+    s.subspec "common" do |ss|
+      ss.source_files         = "common/cpp/**/*.{cpp,h}"
+      ss.header_dir           = "rnscreens"
+      ss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/common/cpp\"" }
+    end
+  else 
+    s.source_files = "ios/**/*.{h,m}"
+    s.requires_arc = true
+  
+    s.dependency "React-Core"
+    s.dependency "React-RCTImage"
+  end
 end
-

package/android/build.gradle

@@ -13,11 +13,22 @@ buildscript {
     }
 }
 
+def isNewArchitectureEnabled() {
+    // To opt-in for the New Architecture, you can either:
+    // - Set `newArchEnabled` to true inside the `gradle.properties` file
+    // - Invoke gradle with `-newArchEnabled=true`
+    // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true`
+    return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
+}
+
 // spotless is only accessible within react-native-screens repo
 if (project == rootProject) {
     apply from: 'spotless.gradle'
 }
 
+if (isNewArchitectureEnabled()) {
+    apply plugin: "com.facebook.react"
+}
 apply plugin: 'com.android.library'
 apply plugin: 'kotlin-android'
 
@@ -29,6 +40,24 @@ android {
         targetSdkVersion safeExtGet('targetSdkVersion', 22)
         versionCode 1
         versionName "1.0"
+        buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+        if (isNewArchitectureEnabled()) {
+            var appProject = rootProject.allprojects.find {it.plugins.hasPlugin('com.android.application')}
+            externalNativeBuild {
+                ndkBuild {
+                    arguments "APP_PLATFORM=android-21",
+                            "APP_STL=c++_shared",
+                            "NDK_TOOLCHAIN_VERSION=clang",
+                            "GENERATED_SRC_DIR=${appProject.buildDir}/generated/source",
+                            "PROJECT_BUILD_DIR=${appProject.buildDir}",
+                            "REACT_ANDROID_DIR=${appProject.rootDir}/../node_modules/react-native/ReactAndroid",
+                            "REACT_ANDROID_BUILD_DIR=${appProject.rootDir}/../node_modules/react-native/ReactAndroid/build"
+                    cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1"
+                    cppFlags "-std=c++17"
+                    targets "rnscreens_modules"
+                }
+            }
+        }
     }
     lintOptions {
         abortOnError false
@@ -37,6 +66,35 @@ android {
         sourceCompatibility JavaVersion.VERSION_1_8
         targetCompatibility JavaVersion.VERSION_1_8
     }
+    if (isNewArchitectureEnabled()) {
+        externalNativeBuild {
+            ndkBuild {
+                path "src/main/jni/Android.mk"
+            }
+        }
+    }
+    packagingOptions {
+        // For some reason gradle only complains about the duplicated version of libreact_render libraries
+        // while there are more libraries copied in intermediates folder of the lib build directory, we exlude
+        // only the ones that make the build fail (ideally we should only include librnscreens_modules but we
+        // are only allowed to specify exlude patterns)
+        exclude "**/libreact_render*.so"
+    }
+    sourceSets.main {
+        java {
+            if (isNewArchitectureEnabled()) {
+                srcDirs += [
+                    "src/fabric/java",
+                ]
+            } else {
+                srcDirs += [
+                    "src/paper/java",
+                    "build/generated/source/codegen/java"
+                ]
+            }
+
+        }
+    }
 }
 
 repositories {
@@ -52,7 +110,11 @@ repositories {
 }
 
 dependencies {
-    implementation 'com.facebook.react:react-native:+'
+    if (isNewArchitectureEnabled()) {
+        implementation project(":ReactAndroid")
+    } else {
+        implementation 'com.facebook.react:react-native:+'
+    }
     implementation 'androidx.appcompat:appcompat:1.1.0'
     implementation 'androidx.fragment:fragment:1.2.1'
     implementation 'androidx.coordinatorlayout:coordinatorlayout:1.1.0'
@@ -60,3 +122,13 @@ dependencies {
     implementation 'com.google.android.material:material:1.1.0'
     implementation "androidx.core:core-ktx:1.5.0"
 }
+
+if (isNewArchitectureEnabled()) {
+    react {
+        reactRoot = rootProject.file("../node_modules/react-native/")
+        jsRootDir = file("../src/fabric/")
+        codegenDir = rootProject.file("../node_modules/react-native-codegen/")
+        libraryName = "rnscreens"
+        codegenJavaPackageName = "com.swmansion.rnscreens"
+    }
+}

package/android/src/fabric/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt

@@ -0,0 +1,49 @@
+package com.swmansion.rnscreens
+
+import android.view.ViewGroup
+import androidx.annotation.UiThread
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.WritableNativeMap
+import com.facebook.react.uimanager.FabricViewStateManager
+import com.facebook.react.uimanager.PixelUtil
+import kotlin.math.abs
+
+abstract class FabricEnabledViewGroup constructor(context: ReactContext?) : ViewGroup(context), FabricViewStateManager.HasFabricViewStateManager {
+    private val mFabricViewStateManager: FabricViewStateManager = FabricViewStateManager()
+
+    override fun getFabricViewStateManager(): FabricViewStateManager {
+        return mFabricViewStateManager
+    }
+
+    protected fun updateScreenSizeFabric(width: Int, height: Int) {
+        updateState(width, height)
+    }
+
+    @UiThread
+    fun updateState(width: Int, height: Int) {
+        val realWidth: Float = PixelUtil.toDIPFromPixel(width.toFloat())
+        val realHeight: Float = PixelUtil.toDIPFromPixel(height.toFloat())
+
+        // Check incoming state values. If they're already the correct value, return early to prevent
+        // infinite UpdateState/SetState loop.
+        val currentState: ReadableMap? = mFabricViewStateManager.getStateData()
+        if (currentState != null) {
+            val delta = 0.9f
+            val stateFrameHeight: Float = if (currentState.hasKey("frameHeight")) currentState.getDouble("frameHeight").toFloat() else 0f
+            val stateFrameWidth: Float = if (currentState.hasKey("frameWidth")) currentState.getDouble("frameWidth").toFloat() else 0f
+            if (abs(stateFrameWidth - realWidth) < delta &&
+                abs(stateFrameHeight - realHeight) < delta
+            ) {
+                return
+            }
+        }
+        mFabricViewStateManager.setState {
+            val map: WritableMap = WritableNativeMap()
+            map.putDouble("frameWidth", realWidth.toDouble())
+            map.putDouble("frameHeight", realHeight.toDouble())
+            map
+        }
+    }
+}

package/android/src/fabric/java/com/swmansion/rnscreens/RNScreensComponentsRegistry.java

@@ -0,0 +1,28 @@
+package com.swmansion.rnscreens;
+
+import com.facebook.jni.HybridData;
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.fabric.ComponentFactory;
+import com.facebook.soloader.SoLoader;
+
+@DoNotStrip
+public class RNScreensComponentsRegistry {
+  static {
+    SoLoader.loadLibrary("rnscreens_modules");
+  }
+
+  @DoNotStrip private final HybridData mHybridData;
+
+  @DoNotStrip
+  private native HybridData initHybrid(ComponentFactory componentFactory);
+
+  @DoNotStrip
+  private RNScreensComponentsRegistry(ComponentFactory componentFactory) {
+    mHybridData = initHybrid(componentFactory);
+  }
+
+  @DoNotStrip
+  public static RNScreensComponentsRegistry register(ComponentFactory componentFactory) {
+    return new RNScreensComponentsRegistry(componentFactory);
+  }
+}

package/android/src/main/java/com/swmansion/rnscreens/RNScreensPackage.kt

@@ -4,10 +4,19 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
+import com.facebook.soloader.SoLoader
 
 class RNScreensPackage : ReactPackage {
-    override fun createNativeModules(reactContext: ReactApplicationContext) =
-        emptyList<NativeModule>()
+    override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+        if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+            // For Fabric, we load c++ native library here, this triggers screen's Fabric
+            // component registration which is necessary in order to avoid asking users
+            // to manually add init calls in their application code.
+            // This should no longer be needed if RN's autolink mechanism has Fabric support
+            SoLoader.loadLibrary("rnscreens_modules")
+        }
+        return emptyList<NativeModule>()
+    }
 
     override fun createViewManagers(reactContext: ReactApplicationContext) =
         listOf<ViewManager<*, *>>(

package/android/src/main/java/com/swmansion/rnscreens/Screen.kt

@@ -8,12 +8,18 @@ import android.util.SparseArray
 import android.view.ViewGroup
 import android.view.WindowManager
 import android.webkit.WebView
+import androidx.annotation.UiThread
 import com.facebook.react.bridge.GuardedRunnable
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.WritableNativeMap
+import com.facebook.react.uimanager.PixelUtil
 import com.facebook.react.uimanager.UIManagerModule
 
 @SuppressLint("ViewConstructor")
-class Screen constructor(context: ReactContext?) : ViewGroup(context) {
+class Screen constructor(context: ReactContext?) : FabricEnabledViewGroup(context) {
+
     var fragment: ScreenFragment? = null
     var container: ScreenContainer<*>? = null
     var activityState: ActivityState? = null
@@ -62,18 +68,26 @@ class Screen constructor(context: ReactContext?) : ViewGroup(context) {
         if (changed) {
             val width = r - l
             val height = b - t
-            val reactContext = context as ReactContext
-            reactContext.runOnNativeModulesQueueThread(
-                object : GuardedRunnable(reactContext) {
-                    override fun runGuarded() {
-                        reactContext
-                            .getNativeModule(UIManagerModule::class.java)
-                            ?.updateNodeSize(id, width, height)
-                    }
-                })
+            if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+                updateScreenSizeFabric(width, height)
+            } else {
+                updateScreenSizePaper(width, height)
+            }
         }
     }
 
+    private fun updateScreenSizePaper(width: Int, height: Int) {
+        val reactContext = context as ReactContext
+        reactContext.runOnNativeModulesQueueThread(
+            object : GuardedRunnable(reactContext) {
+                override fun runGuarded() {
+                    reactContext
+                        .getNativeModule(UIManagerModule::class.java)
+                        ?.updateNodeSize(id, width, height)
+                }
+            })
+    }
+
     val headerConfig: ScreenStackHeaderConfig?
         get() {
             val child = getChildAt(0)

package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt

@@ -1,16 +1,26 @@
 package com.swmansion.rnscreens
 
+import android.util.Log
 import android.view.View
 import com.facebook.react.bridge.JSApplicationCausedNativeException
 import com.facebook.react.common.MapBuilder
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.RNSScreenStackHeaderConfigManagerDelegate
+import com.facebook.react.viewmanagers.RNSScreenStackHeaderConfigManagerInterface
 import javax.annotation.Nonnull
 
 @ReactModule(name = ScreenStackHeaderConfigViewManager.REACT_CLASS)
-class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderConfig>() {
+class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderConfig>(), RNSScreenStackHeaderConfigManagerInterface<ScreenStackHeaderConfig> {
+    private val mDelegate: ViewManagerDelegate<ScreenStackHeaderConfig>
+
+    init {
+        mDelegate = RNSScreenStackHeaderConfigManagerDelegate<ScreenStackHeaderConfig, ScreenStackHeaderConfigViewManager>(this)
+    }
+
     override fun getName(): String {
         return REACT_CLASS
     }
@@ -58,67 +68,69 @@ class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderCon
     }
 
     @ReactProp(name = "title")
-    fun setTitle(config: ScreenStackHeaderConfig, title: String?) {
+    override fun setTitle(config: ScreenStackHeaderConfig, title: String?) {
         config.setTitle(title)
     }
 
     @ReactProp(name = "titleFontFamily")
-    fun setTitleFontFamily(config: ScreenStackHeaderConfig, titleFontFamily: String?) {
+    override fun setTitleFontFamily(config: ScreenStackHeaderConfig, titleFontFamily: String?) {
         config.setTitleFontFamily(titleFontFamily)
     }
 
     @ReactProp(name = "titleFontSize")
-    fun setTitleFontSize(config: ScreenStackHeaderConfig, titleFontSize: Float) {
-        config.setTitleFontSize(titleFontSize)
+    override fun setTitleFontSize(config: ScreenStackHeaderConfig, titleFontSize: Int) {
+        config.setTitleFontSize(titleFontSize.toFloat())
     }
 
     @ReactProp(name = "titleFontWeight")
-    fun setTitleFontWeight(config: ScreenStackHeaderConfig, titleFontWeight: String?) {
+    override fun setTitleFontWeight(config: ScreenStackHeaderConfig, titleFontWeight: String?) {
         config.setTitleFontWeight(titleFontWeight)
     }
 
     @ReactProp(name = "titleColor", customType = "Color")
-    fun setTitleColor(config: ScreenStackHeaderConfig, titleColor: Int) {
-        config.setTitleColor(titleColor)
+    override fun setTitleColor(config: ScreenStackHeaderConfig, titleColor: Int?) {
+        if (titleColor != null) {
+            config.setTitleColor(titleColor)
+        }
     }
 
     @ReactProp(name = "backgroundColor", customType = "Color")
-    fun setBackgroundColor(config: ScreenStackHeaderConfig, backgroundColor: Int?) {
+    override fun setBackgroundColor(config: ScreenStackHeaderConfig, backgroundColor: Int?) {
         config.setBackgroundColor(backgroundColor)
     }
 
     @ReactProp(name = "hideShadow")
-    fun setHideShadow(config: ScreenStackHeaderConfig, hideShadow: Boolean) {
+    override fun setHideShadow(config: ScreenStackHeaderConfig, hideShadow: Boolean) {
         config.setHideShadow(hideShadow)
     }
 
     @ReactProp(name = "hideBackButton")
-    fun setHideBackButton(config: ScreenStackHeaderConfig, hideBackButton: Boolean) {
+    override fun setHideBackButton(config: ScreenStackHeaderConfig, hideBackButton: Boolean) {
         config.setHideBackButton(hideBackButton)
     }
 
     @ReactProp(name = "topInsetEnabled")
-    fun setTopInsetEnabled(config: ScreenStackHeaderConfig, topInsetEnabled: Boolean) {
+    override fun setTopInsetEnabled(config: ScreenStackHeaderConfig, topInsetEnabled: Boolean) {
         config.setTopInsetEnabled(topInsetEnabled)
     }
 
     @ReactProp(name = "color", customType = "Color")
-    fun setColor(config: ScreenStackHeaderConfig, color: Int) {
-        config.setTintColor(color)
+    override fun setColor(config: ScreenStackHeaderConfig, color: Int?) {
+        config.setTintColor(color ?: 0)
     }
 
     @ReactProp(name = "hidden")
-    fun setHidden(config: ScreenStackHeaderConfig, hidden: Boolean) {
+    override fun setHidden(config: ScreenStackHeaderConfig, hidden: Boolean) {
         config.setHidden(hidden)
     }
 
     @ReactProp(name = "translucent")
-    fun setTranslucent(config: ScreenStackHeaderConfig, translucent: Boolean) {
+    override fun setTranslucent(config: ScreenStackHeaderConfig, translucent: Boolean) {
         config.setTranslucent(translucent)
     }
 
     @ReactProp(name = "backButtonInCustomView")
-    fun setBackButtonInCustomView(
+    override fun setBackButtonInCustomView(
         config: ScreenStackHeaderConfig,
         backButtonInCustomView: Boolean
     ) {
@@ -126,7 +138,7 @@ class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderCon
     }
 
     @ReactProp(name = "direction")
-    fun setDirection(config: ScreenStackHeaderConfig, direction: String?) {
+    override fun setDirection(config: ScreenStackHeaderConfig, direction: String?) {
         config.setDirection(direction)
     }
 
@@ -137,7 +149,60 @@ class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderCon
             .build()
     }
 
+    protected override fun getDelegate(): ViewManagerDelegate<ScreenStackHeaderConfig> {
+        return mDelegate
+    }
+
     companion object {
         const val REACT_CLASS = "RNSScreenStackHeaderConfig"
     }
+
+    // TODO: Find better way to handle platform specific props
+    private fun logNotAvailable(propName: String) {
+        Log.w("RN SCREENS", "$propName prop is not available on Android")
+    }
+
+    override fun setBackTitle(view: ScreenStackHeaderConfig?, value: String?) {
+        logNotAvailable("backTitle")
+    }
+
+    override fun setBackTitleFontFamily(view: ScreenStackHeaderConfig?, value: String?) {
+        logNotAvailable("backTitleFontFamily")
+    }
+
+    override fun setBackTitleFontSize(view: ScreenStackHeaderConfig?, value: Int) {
+        logNotAvailable("backTitleFontSize")
+    }
+
+    override fun setLargeTitle(view: ScreenStackHeaderConfig?, value: Boolean) {
+        logNotAvailable("largeTitle")
+    }
+
+    override fun setLargeTitleFontFamily(view: ScreenStackHeaderConfig?, value: String?) {
+        logNotAvailable("largeTitleFontFamily")
+    }
+
+    override fun setLargeTitleFontSize(view: ScreenStackHeaderConfig?, value: Int) {
+        logNotAvailable("largeTitleFontSize")
+    }
+
+    override fun setLargeTitleFontWeight(view: ScreenStackHeaderConfig?, value: String?) {
+        logNotAvailable("largeTitleFontWeight")
+    }
+
+    override fun setLargeTitleBackgroundColor(view: ScreenStackHeaderConfig?, value: Int?) {
+        logNotAvailable("largeTitleBackgroundColor")
+    }
+
+    override fun setLargeTitleHideShadow(view: ScreenStackHeaderConfig?, value: Boolean) {
+        logNotAvailable("largeTitleHideShadow")
+    }
+
+    override fun setLargeTitleColor(view: ScreenStackHeaderConfig?, value: Int?) {
+        logNotAvailable("largeTitleColor")
+    }
+
+    override fun setDisableBackButtonMenu(view: ScreenStackHeaderConfig?, value: Boolean) {
+        logNotAvailable("disableBackButtonMenu")
+    }
 }

package/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt

@@ -3,22 +3,30 @@ package com.swmansion.rnscreens
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
 import com.facebook.react.uimanager.annotations.ReactProp
-import com.facebook.react.views.view.ReactViewGroup
-import com.facebook.react.views.view.ReactViewManager
+import com.facebook.react.viewmanagers.RNSScreenStackHeaderSubviewManagerDelegate
+import com.facebook.react.viewmanagers.RNSScreenStackHeaderSubviewManagerInterface
 
 @ReactModule(name = ScreenStackHeaderSubviewManager.REACT_CLASS)
-class ScreenStackHeaderSubviewManager : ReactViewManager() {
+class ScreenStackHeaderSubviewManager : ViewGroupManager<ScreenStackHeaderSubview>(), RNSScreenStackHeaderSubviewManagerInterface<ScreenStackHeaderSubview> {
+    private val mDelegate: ViewManagerDelegate<ScreenStackHeaderSubview>
+
+    init {
+        mDelegate = RNSScreenStackHeaderSubviewManagerDelegate<ScreenStackHeaderSubview, ScreenStackHeaderSubviewManager>(this)
+    }
+
     override fun getName(): String {
         return REACT_CLASS
     }
 
-    override fun createViewInstance(context: ThemedReactContext): ReactViewGroup {
+    override fun createViewInstance(context: ThemedReactContext): ScreenStackHeaderSubview {
         return ScreenStackHeaderSubview(context)
     }
 
     @ReactProp(name = "type")
-    fun setType(view: ScreenStackHeaderSubview, type: String) {
+    override fun setType(view: ScreenStackHeaderSubview, type: String?) {
         view.type = when (type) {
             "left" -> ScreenStackHeaderSubview.Type.LEFT
             "center" -> ScreenStackHeaderSubview.Type.CENTER
@@ -29,6 +37,10 @@ class ScreenStackHeaderSubviewManager : ReactViewManager() {
         }
     }
 
+    protected override fun getDelegate(): ViewManagerDelegate<ScreenStackHeaderSubview> {
+        return mDelegate
+    }
+
     companion object {
         const val REACT_CLASS = "RNSScreenStackHeaderSubview"
     }

package/android/src/main/java/com/swmansion/rnscreens/ScreenStackViewManager.kt

@@ -7,9 +7,18 @@ import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.LayoutShadowNode
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.RNSScreenStackManagerDelegate
+import com.facebook.react.viewmanagers.RNSScreenStackManagerInterface
 
 @ReactModule(name = ScreenStackViewManager.REACT_CLASS)
-class ScreenStackViewManager : ViewGroupManager<ScreenStack>() {
+class ScreenStackViewManager : ViewGroupManager<ScreenStack>(), RNSScreenStackManagerInterface<ScreenStack> {
+    private val mDelegate: ViewManagerDelegate<ScreenStack>
+
+    init {
+        mDelegate = RNSScreenStackManagerDelegate<ScreenStack, ScreenStackViewManager>(this)
+    }
+
     override fun getName(): String {
         return REACT_CLASS
     }
@@ -68,6 +77,10 @@ class ScreenStackViewManager : ViewGroupManager<ScreenStack>() {
         return true
     }
 
+    protected override fun getDelegate(): ViewManagerDelegate<ScreenStack> {
+        return mDelegate
+    }
+
     companion object {
         const val REACT_CLASS = "RNSScreenStack"
     }