feat: wip move to jetpack compose

Author: okwasniewski

packages/react-native-bottom-tabs/android/build.gradle

@@ -70,6 +70,7 @@ android {
 
   buildFeatures {
     buildConfig true
+    compose true
   }
 
   buildTypes {
@@ -78,6 +79,10 @@ android {
     }
   }
 
+  composeOptions {
+    kotlinCompilerExtensionVersion = "1.5.14"
+  }
+
   lintOptions {
     disable "GradleCompatible"
   }
@@ -122,6 +127,14 @@ dependencies {
   implementation("io.coil-kt.coil3:coil:${COIL_VERSION}")
   implementation("io.coil-kt.coil3:coil-network-okhttp:${COIL_VERSION}")
   implementation("io.coil-kt.coil3:coil-svg:${COIL_VERSION}")
+  def composeBom = platform('androidx.compose:compose-bom:2024.11.00')
+  implementation composeBom
+  androidTestImplementation composeBom
+  implementation 'androidx.compose.material3:material3'
+  implementation 'androidx.compose.ui:ui'
+  implementation 'androidx.compose.material3.adaptive:adaptive'
+  implementation 'androidx.compose.material3:material3-adaptive-navigation-suite'
+
 }
 
 if (isNewArchitectureEnabled()) {

packages/react-native-bottom-tabs/android/src/main/java/com/rcttabview/OnLayoutEvent.kt

@@ -0,0 +1,25 @@
+package com.rcttabview
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+class OnLayoutEvent(viewTag: Int, private val width: Double, private val height: Double) :
+  Event<OnLayoutEvent>(viewTag) {
+
+  companion object {
+    const val EVENT_NAME = "onTabViewLayout"
+  }
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+    val event = Arguments.createMap().apply {
+      putDouble("width", width)
+      putDouble("height", height)
+    }
+    rctEventEmitter.receiveEvent(viewTag, eventName, event)
+  }
+}