react-native-screens 3.20.0 → 3.21.1

package/README.md

@@ -91,11 +91,15 @@ Screens are already integrated with the React Native's most popular navigation l
 
 [Fabric](https://reactnative.dev/architecture/fabric-renderer) is React Native's new rendering system.
 
+- As of [version `3.21.0`](https://github.com/software-mansion/react-native-screens/releases/tag/3.21.0) of this project, Fabric is supported only for react-native 0.72+. Support for lower versions has been dropped.
+- As of [version `3.19.0`](https://github.com/software-mansion/react-native-screens/releases/tag/3.19.0) of this project, Fabric is supported only for react-native 0.71+. Support for lower versions has been dropped.
 - As of [version `3.18.0`](https://github.com/software-mansion/react-native-screens/releases/tag/3.18.0) of this project, Fabric is supported only for react-native 0.70+. Support for lower versions has been dropped.
 - As of [version `3.14.0`](https://github.com/software-mansion/react-native-screens/releases/tag/3.14.0) of this project, Fabric is supported only for react-native 0.69+. Support for lower versions has been dropped.
 
 | version | react-native version |
 | ------- | -------------------- |
+| 3.21.0+ | 0.72.0+              |
+| 3.19.0+ | 0.71.0+              |
 | 3.18.0+ | 0.70.0+              |
 | 3.14.0+ | 0.69.0+              |
 
@@ -153,7 +157,6 @@ To take advantage of the native stack navigator primitive for React Navigation t
 
 - for React Navigation >= v6 to the [Native Stack Navigator part of React Navigation documentation](https://reactnavigation.org/docs/native-stack-navigator)
 - for React Navigation v5 to the [README in react-native-screens/native-stack](https://github.com/software-mansion/react-native-screens/tree/main/native-stack)
-- for older versions to the [README in react-native-screens/createNativeStackNavigator](https://github.com/software-mansion/react-native-screens/tree/main/createNativeStackNavigator)
 
 ## `FullWindowOverlay`
 

package/RNScreens.podspec

@@ -26,7 +26,7 @@ Pod::Spec.new do |s|
       "CLANG_CXX_LANGUAGE_STANDARD" => "c++17",
     }
     s.platforms       = { ios: '11.0', tvos: '11.0' }
-    s.compiler_flags  = folly_compiler_flags + ' ' + '-DRN_FABRIC_ENABLED'
+    s.compiler_flags  = folly_compiler_flags + ' ' + '-DRCT_NEW_ARCH_ENABLED'
     s.source_files    = 'ios/**/*.{h,m,mm,cpp}'
     s.requires_arc    = true
   

package/android/build.gradle

@@ -1,4 +1,10 @@
 buildscript {
+    ext {
+        rnsDefaultTargetSdkVersion = 31
+        rnsDefaultCompileSdkVersion = 31
+        rnsDefaultMinSdkVersion = 21
+        rnsDefaultKotlinVersion = '1.6.21'
+    }
     ext.safeExtGet = {prop, fallback ->
         rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
     }
@@ -8,7 +14,7 @@ buildscript {
     }
     dependencies {
         classpath('com.android.tools.build:gradle:4.2.2')
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet('kotlinVersion', '1.6.21')}"
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet('kotlinVersion', rnsDefaultKotlinVersion)}"
         classpath "com.diffplug.spotless:spotless-plugin-gradle:5.15.0"
     }
 }
@@ -38,7 +44,11 @@ def reactNativeArchitectures() {
 }
 
 android {
-    compileSdkVersion safeExtGet('compileSdkVersion', 28)
+    compileSdkVersion safeExtGet('compileSdkVersion', rnsDefaultCompileSdkVersion)
+    def agpVersion = com.android.Version.ANDROID_GRADLE_PLUGIN_VERSION
+    if (agpVersion.tokenize('.')[0].toInteger() >= 7) {
+        namespace "com.swmansion.rnscreens"
+    }
 
     // Used to override the NDK path/version on internal CI or by allowing
     // users to customize the NDK path/version from their root project (e.g. for M1 support)
@@ -50,8 +60,8 @@ android {
     }
 
     defaultConfig {
-        minSdkVersion safeExtGet('minSdkVersion', 21)
-        targetSdkVersion safeExtGet('targetSdkVersion', 22)
+        minSdkVersion safeExtGet('minSdkVersion', rnsDefaultMinSdkVersion)
+        targetSdkVersion safeExtGet('targetSdkVersion', rnsDefaultTargetSdkVersion)
         versionCode 1
         versionName "1.0"
         buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
@@ -68,12 +78,13 @@ android {
     }
     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
+        // while there are more libraries copied in intermediates folder of the lib build directory, we exclude
         // only the ones that make the build fail (ideally we should only include librnscreens_modules but we
-        // are only allowed to specify exlude patterns)
+        // are only allowed to specify exclude patterns)
         exclude "**/libreact_render*.so"
     }
     sourceSets.main {
+        ext.androidResDir = "src/main/res"
         java {
             if (isNewArchitectureEnabled()) {
                 srcDirs += [
@@ -87,6 +98,13 @@ android {
             }
 
         }
+        res {
+            if (safeExtGet('compileSdkVersion', rnsDefaultCompileSdkVersion) >= 33) {
+                srcDirs = ["${androidResDir}/base", "${androidResDir}/v33"]
+            } else {
+                srcDirs = ["${androidResDir}/base"]
+            }
+        }
     }
 }
 

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

@@ -36,6 +36,10 @@ class CustomSearchView(context: Context, fragment: Fragment) : SearchView(contex
         requestFocusFromTouch()
     }
 
+    fun clearText() = setQuery("", false)
+
+    fun setText(text: String) = setQuery(text, false)
+
     override fun setOnCloseListener(listener: OnCloseListener?) {
         mCustomOnCloseListener = listener
     }

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

@@ -0,0 +1,60 @@
+package com.swmansion.rnscreens
+
+import android.view.View
+import androidx.fragment.app.Fragment
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleObserver
+
+class LifecycleHelper {
+    private val mViewToLifecycleMap: MutableMap<View, Lifecycle> = HashMap()
+    private val mRegisterOnLayoutChange: View.OnLayoutChangeListener = object : View.OnLayoutChangeListener {
+        override fun onLayoutChange(
+            view: View,
+            i: Int,
+            i1: Int,
+            i2: Int,
+            i3: Int,
+            i4: Int,
+            i5: Int,
+            i6: Int,
+            i7: Int
+        ) {
+            registerViewWithLifecycleOwner(view)
+            view.removeOnLayoutChangeListener(this)
+        }
+    }
+
+    private fun registerViewWithLifecycleOwner(view: View) {
+        val parent = findNearestScreenFragmentAncestor(view)
+        if (parent != null && view is LifecycleObserver) {
+            val lifecycle = parent.lifecycle
+            lifecycle.addObserver((view as LifecycleObserver))
+            mViewToLifecycleMap[view] = lifecycle
+        }
+    }
+
+    fun <T> register(view: T) where T : View, T : LifecycleObserver? {
+        // we need to wait until view is mounted in the hierarchy as this method is called only at the
+        // moment of the view creation. In order to register lifecycle observer we need to find ancestor
+        // of type Screen and this can only happen when the view is properly attached. We rely on
+        // Android's onLayout callback being triggered when the view gets added to the hierarchy and
+        // only then we attempt to locate lifecycle owner ancestor.
+        view.addOnLayoutChangeListener(mRegisterOnLayoutChange)
+    }
+
+    fun <T> unregister(view: T) where T : View, T : LifecycleObserver? {
+        mViewToLifecycleMap[view]?.removeObserver(view)
+    }
+
+    companion object {
+        fun findNearestScreenFragmentAncestor(view: View): Fragment? {
+            var parent = view.parent
+            while (parent != null && parent !is Screen) {
+                parent = parent.parent
+            }
+            return if (parent != null) {
+                (parent as Screen).fragment
+            } else null
+        }
+    }
+}

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

@@ -16,9 +16,10 @@ import androidx.fragment.app.Fragment
 import com.facebook.react.ReactApplication
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
 import com.facebook.react.bridge.ReactContext
-import com.facebook.react.bridge.WritableMap
-import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.views.text.ReactTypefaceUtils
+import com.swmansion.rnscreens.events.HeaderAttachedEvent
+import com.swmansion.rnscreens.events.HeaderDetachedEvent
 
 class ScreenStackHeaderConfig(context: Context) : ViewGroup(context) {
     private val mConfigSubviews = ArrayList<ScreenStackHeaderSubview>(3)
@@ -64,11 +65,6 @@ class ScreenStackHeaderConfig(context: Context) : ViewGroup(context) {
         }
     }
 
-    private fun sendEvent(eventName: String, eventContent: WritableMap?) {
-        (context as ReactContext).getJSModule(RCTEventEmitter::class.java)
-            ?.receiveEvent(id, eventName, eventContent)
-    }
-
     override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
         // no-op
     }
@@ -80,7 +76,8 @@ class ScreenStackHeaderConfig(context: Context) : ViewGroup(context) {
     override fun onAttachedToWindow() {
         super.onAttachedToWindow()
         mIsAttachedToWindow = true
-        sendEvent("onAttached", null)
+        UIManagerHelper.getEventDispatcherForReactTag(context as ReactContext, id)
+            ?.dispatchEvent(HeaderAttachedEvent(id))
         // we want to save the top inset before the status bar can be hidden, which would resolve in
         // inset being 0
         if (headerTopInset == null) {
@@ -96,7 +93,8 @@ class ScreenStackHeaderConfig(context: Context) : ViewGroup(context) {
     override fun onDetachedFromWindow() {
         super.onDetachedFromWindow()
         mIsAttachedToWindow = false
-        sendEvent("onDetached", null)
+        UIManagerHelper.getEventDispatcherForReactTag(context as ReactContext, id)
+            ?.dispatchEvent(HeaderDetachedEvent(id))
     }
 
     private val screen: Screen?

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

@@ -11,6 +11,8 @@ 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 com.swmansion.rnscreens.events.HeaderAttachedEvent
+import com.swmansion.rnscreens.events.HeaderDetachedEvent
 import javax.annotation.Nonnull
 
 @ReactModule(name = ScreenStackHeaderConfigViewManager.REACT_CLASS)
@@ -133,10 +135,12 @@ class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderCon
     }
 
     override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
-        return MapBuilder.builder<String, Any>()
-            .put("onAttached", MapBuilder.of("registrationName", "onAttached"))
-            .put("onDetached", MapBuilder.of("registrationName", "onDetached"))
-            .build()
+        return MapBuilder.of(
+            HeaderAttachedEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onAttached"),
+            HeaderDetachedEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onDetached"),
+        )
     }
 
     protected override fun getDelegate(): ViewManagerDelegate<ScreenStackHeaderConfig> = mDelegate
@@ -162,6 +166,10 @@ class ScreenStackHeaderConfigViewManager : ViewGroupManager<ScreenStackHeaderCon
         logNotAvailable("backTitleFontSize")
     }
 
+    override fun setBackTitleVisible(view: ScreenStackHeaderConfig?, value: Boolean) {
+        logNotAvailable("backTitleVisible")
+    }
+
     override fun setLargeTitle(view: ScreenStackHeaderConfig?, value: Boolean) {
         logNotAvailable("largeTitle")
     }

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

@@ -156,6 +156,16 @@ class ScreenViewManager : ViewGroupManager<Screen>(), RNSScreenManagerInterface<
 
     override fun setSwipeDirection(view: Screen?, value: String?) = Unit
 
+    override fun setSheetAllowedDetents(view: Screen, value: String?) = Unit
+
+    override fun setSheetLargestUndimmedDetent(view: Screen, value: String?) = Unit
+
+    override fun setSheetGrabberVisible(view: Screen?, value: Boolean) = Unit
+
+    override fun setSheetCornerRadius(view: Screen?, value: Float) = Unit
+
+    override fun setSheetExpandsWhenScrolledToEdge(view: Screen?, value: Boolean) = Unit
+
     override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
         return MapBuilder.of(
             ScreenDismissedEvent.EVENT_NAME,

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

@@ -1,11 +1,18 @@
 package com.swmansion.rnscreens
 
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
+import com.facebook.react.bridge.ReadableArray
 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.annotations.ReactProp
+import com.swmansion.rnscreens.events.SearchBarBlurEvent
+import com.swmansion.rnscreens.events.SearchBarChangeTextEvent
+import com.swmansion.rnscreens.events.SearchBarCloseEvent
+import com.swmansion.rnscreens.events.SearchBarFocusEvent
+import com.swmansion.rnscreens.events.SearchBarOpenEvent
+import com.swmansion.rnscreens.events.SearchBarSearchButtonPressEvent
 
 @ReactModule(name = SearchBarManager.REACT_CLASS)
 class SearchBarManager : ViewGroupManager<SearchBarView>() {
@@ -90,15 +97,32 @@ class SearchBarManager : ViewGroupManager<SearchBarView>() {
         view.shouldShowHintSearchIcon = shouldShowHintSearchIcon ?: true
     }
 
+    override fun receiveCommand(root: SearchBarView, commandId: String?, args: ReadableArray?) {
+        when (commandId) {
+            "focus" -> root.handleFocusJsRequest()
+            "blur" -> root.handleBlurJsRequest()
+            "clearText" -> root.handleClearTextJsRequest()
+            "toggleCancelButton" -> root.handleToggleCancelButtonJsRequest(false) // just a dummy argument
+            "setText" -> root.handleSetTextJsRequest(args?.getString(0))
+            else -> throw JSApplicationIllegalArgumentException("Unsupported native command received: $commandId")
+        }
+    }
+
     override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
-        return MapBuilder.builder<String, Any>()
-            .put("onChangeText", MapBuilder.of("registrationName", "onChangeText"))
-            .put("onSearchButtonPress", MapBuilder.of("registrationName", "onSearchButtonPress"))
-            .put("onFocus", MapBuilder.of("registrationName", "onFocus"))
-            .put("onBlur", MapBuilder.of("registrationName", "onBlur"))
-            .put("onClose", MapBuilder.of("registrationName", "onClose"))
-            .put("onOpen", MapBuilder.of("registrationName", "onOpen"))
-            .build()
+        return MapBuilder.of(
+            SearchBarBlurEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onBlur"),
+            SearchBarChangeTextEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onChangeText"),
+            SearchBarCloseEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onClose"),
+            SearchBarFocusEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onFocus"),
+            SearchBarOpenEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onOpen"),
+            SearchBarSearchButtonPressEvent.EVENT_NAME,
+            MapBuilder.of("registrationName", "onSearchButtonPress"),
+        )
     }
 
     companion object {

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

@@ -3,11 +3,17 @@ package com.swmansion.rnscreens
 import android.annotation.SuppressLint
 import android.text.InputType
 import androidx.appcompat.widget.SearchView
-import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
-import com.facebook.react.bridge.WritableMap
-import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.EventDispatcher
 import com.facebook.react.views.view.ReactViewGroup
+import com.swmansion.rnscreens.events.SearchBarBlurEvent
+import com.swmansion.rnscreens.events.SearchBarChangeTextEvent
+import com.swmansion.rnscreens.events.SearchBarCloseEvent
+import com.swmansion.rnscreens.events.SearchBarFocusEvent
+import com.swmansion.rnscreens.events.SearchBarOpenEvent
+import com.swmansion.rnscreens.events.SearchBarSearchButtonPressEvent
 
 @SuppressLint("ViewConstructor")
 class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext) {
@@ -95,32 +101,47 @@ class SearchBarView(reactContext: ReactContext?) : ReactViewGroup(reactContext)
     }
 
     private fun handleTextChange(newText: String?) {
-        val event = Arguments.createMap()
-        event.putString("text", newText)
-        sendEvent("onChangeText", event)
+        sendEvent(SearchBarChangeTextEvent(id, newText))
     }
 
     private fun handleFocusChange(hasFocus: Boolean) {
-        sendEvent(if (hasFocus) "onFocus" else "onBlur", null)
+        sendEvent(if (hasFocus) SearchBarFocusEvent(id) else SearchBarBlurEvent(id))
     }
 
     private fun handleClose() {
-        sendEvent("onClose", null)
+        sendEvent(SearchBarCloseEvent(id))
     }
 
     private fun handleOpen() {
-        sendEvent("onOpen", null)
+        sendEvent(SearchBarOpenEvent(id))
     }
 
     private fun handleTextSubmit(newText: String?) {
-        val event = Arguments.createMap()
-        event.putString("text", newText)
-        sendEvent("onSearchButtonPress", event)
+        sendEvent(SearchBarSearchButtonPressEvent(id, newText))
     }
 
-    private fun sendEvent(eventName: String, eventContent: WritableMap?) {
-        (context as ReactContext).getJSModule(RCTEventEmitter::class.java)
-            ?.receiveEvent(id, eventName, eventContent)
+    private fun sendEvent(event: Event<*>) {
+        val eventDispatcher: EventDispatcher? =
+            UIManagerHelper.getEventDispatcherForReactTag(context as ReactContext, id)
+        eventDispatcher?.dispatchEvent(event)
+    }
+
+    fun handleClearTextJsRequest() {
+        screenStackFragment?.searchView?.clearText()
+    }
+
+    fun handleFocusJsRequest() {
+        screenStackFragment?.searchView?.focus()
+    }
+
+    fun handleBlurJsRequest() {
+        screenStackFragment?.searchView?.clearFocus()
+    }
+
+    fun handleToggleCancelButtonJsRequest(flag: Boolean) = Unit
+
+    fun handleSetTextJsRequest(text: String?) {
+        text?.let { screenStackFragment?.searchView?.setText(it) }
     }
 
     enum class SearchBarAutoCapitalize {

package/android/src/main/java/com/swmansion/rnscreens/events/HeaderAttachedEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class HeaderAttachedEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topAttached"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/HeaderDetachedEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class HeaderDetachedEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topDetached"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarBlurEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarBlurEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topBlur"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarChangeTextEvent.kt

@@ -0,0 +1,29 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarChangeTextEvent(
+    viewId: Int,
+    private val text: String?,
+) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        val map = Arguments.createMap()
+        map.putString("text", text)
+        rctEventEmitter.receiveEvent(viewTag, eventName, map)
+    }
+
+    companion object {
+        const val EVENT_NAME = "topChangeText"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarCloseEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarCloseEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topClose"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarFocusEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarFocusEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topFocus"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarOpenEvent.kt

@@ -0,0 +1,24 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarOpenEvent(viewId: Int) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        rctEventEmitter.receiveEvent(viewTag, eventName, Arguments.createMap())
+    }
+
+    companion object {
+        const val EVENT_NAME = "topOpen"
+    }
+}

package/android/src/main/java/com/swmansion/rnscreens/events/SearchBarSearchButtonPressEvent.kt

@@ -0,0 +1,26 @@
+package com.swmansion.rnscreens.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class SearchBarSearchButtonPressEvent(viewId: Int, private val text: String?) : Event<ScreenAppearEvent>(viewId) {
+    override fun getEventName(): String {
+        return EVENT_NAME
+    }
+
+    override fun getCoalescingKey(): Short {
+        // All events for a given view can be coalesced.
+        return 0
+    }
+
+    override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+        val map = Arguments.createMap()
+        map.putString("text", text)
+        rctEventEmitter.receiveEvent(viewTag, eventName, map)
+    }
+
+    companion object {
+        const val EVENT_NAME = "topSearchButtonPress"
+    }
+}

package/android/src/main/res/base/anim/rns_standard_accelerate_interpolator.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
+    android:controlX1="0.3"
+    android:controlY1="0"
+    android:controlX2="1"
+    android:controlY2="1"/>