I always learn something just by skimming it that makes me want to bookmark the issue now and dig deeper later

SUBSCRIBE NOW

Keep up the good work with the newsletter 💪 I really enjoy it

SUBSCRIBE NOW

Dispatch is a must read for Android devs today and my go-to for keeping up with all things Jetpack Compose

SUBSCRIBE NOW

Dispatch has been my go-to resource as it's packed with useful information while being fun at the same time

SUBSCRIBE NOW

The content is light, fun, and still useful. I especially appreciate the small tips that are in each issue

SUBSCRIBE NOW

I truly love this newsletter ❤️‍🔥 Spot on content and I know there's a lot of effort that goes behind it

SUBSCRIBE NOW

Thanks for taking the time and energy to do it so well

JetpackCompose.app's Newsletter

I always learn something just by skimming it that makes me want to bookmark the issue now and dig deeper later

JetpackCompose.app's Newsletter

Keep up the good work with the newsletter 💪 I really enjoy it

JetpackCompose.app's Newsletter

Dispatch is a must read for Android devs today and my go-to for keeping up with all things Jetpack Compose

JetpackCompose.app's Newsletter

Dispatch has been my go-to resource as it's packed with useful information while being fun at the same time

JetpackCompose.app's Newsletter

The content is light, fun, and still useful. I especially appreciate the small tips that are in each issue

JetpackCompose.app's Newsletter

I truly love this newsletter ❤️‍🔥 Spot on content and I know there's a lot of effort that goes behind it

JetpackCompose.app's Newsletter

Thanks for taking the time and energy to do it so well

Overlay Service

Author: Sam Edwards

Code snippet that demonstrates how one can create an overlay window that lives on top of activities using Jetpack Compose. It involves creation a custom recomposer as ComposeView requires the ability to monitor the lifecycle. This snippet allows you to trick the ComposeView into thinking that the lifecycle is being tracked.

  
          import android.os.Bundle
        
          import androidx.lifecycle.Lifecycle
        
          import androidx.lifecycle.LifecycleRegistry
        
          import androidx.savedstate.SavedStateRegistry
        
          import androidx.savedstate.SavedStateRegistryController
        
          import androidx.savedstate.SavedStateRegistryOwner
        
          internal class MyLifecycleOwner : SavedStateRegistryOwner {
        
              private var mLifecycleRegistry: LifecycleRegistry = LifecycleRegistry(this)
        
              private var mSavedStateRegistryController: SavedStateRegistryController = SavedStateRegistryController.create(this)
        
              /**
        
               * @return True if the Lifecycle has been initialized.
        
               */
        
              val isInitialized: Boolean
        
                  get() = true
        
              override fun getLifecycle(): Lifecycle {
        
                  return mLifecycleRegistry
        
              }
        
              fun setCurrentState(state: Lifecycle.State) {
        
                  mLifecycleRegistry.currentState = state
        
              }
        
              fun handleLifecycleEvent(event: Lifecycle.Event) {
        
                  mLifecycleRegistry.handleLifecycleEvent(event)
        
              }
        
              override fun getSavedStateRegistry(): SavedStateRegistry {
        
                  return mSavedStateRegistryController.savedStateRegistry
        
              }
        
              fun performRestore(savedState: Bundle?) {
        
                  mSavedStateRegistryController.performRestore(savedState)
        
              }
        
              fun performSave(outBundle: Bundle) {
        
                  mSavedStateRegistryController.performSave(outBundle)
        
              }
        
          }

view raw MyLifecycleOwner.kt hosted with ❤ by GitHub

  
          import android.app.AlertDialog
        
          import android.app.Service
        
          import android.content.Intent
        
          import android.graphics.PixelFormat
        
          import android.os.Build
        
          import android.os.IBinder
        
          import android.util.TypedValue
        
          import android.view.Window
        
          import android.view.WindowManager
        
          import androidx.compose.foundation.background
        
          import androidx.compose.foundation.layout.wrapContentSize
        
          import androidx.compose.material.Text
        
          import androidx.compose.ui.Modifier
        
          import androidx.compose.ui.graphics.Color
        
          import androidx.compose.ui.platform.ComposeView
        
          import androidx.compose.ui.unit.sp
        
          import androidx.lifecycle.Lifecycle
        
          import androidx.lifecycle.ViewModelStore
        
          import androidx.lifecycle.ViewTreeLifecycleOwner
        
          import androidx.lifecycle.ViewTreeViewModelStoreOwner
        
          import androidx.savedstate.ViewTreeSavedStateRegistryOwner
        
          import com.viatek.fitnation.echelon_android.R
        
          class OverlayService : Service() {
        
              val windowManager get() = getSystemService(WINDOW_SERVICE) as WindowManager
        
              override fun onCreate() {
        
                  super.onCreate()
        
                  setTheme(R.style.ThemeOverlay_AppCompat_Light)
        
                  showOverlay()
        
              }
        
              private fun showOverlay() {
        
                  val layoutFlag: Int = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        
                      WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
        
                  } else {
        
                      WindowManager.LayoutParams.TYPE_PHONE
        
                  }
        
                  val params = WindowManager.LayoutParams(
        
                      WindowManager.LayoutParams.WRAP_CONTENT,
        
                      WindowManager.LayoutParams.WRAP_CONTENT,
        
                      layoutFlag,
        
                      WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE or WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN or WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
        
                      PixelFormat.TRANSLUCENT
        
                  )
        
                  val composeView = ComposeView(this)
        
                  composeView.setContent {
        
                      Text(
        
                          text = "Hello",
        
                          color = Color.Black,
        
                          fontSize = 50.sp,
        
                          modifier = Modifier
        
                              .wrapContentSize()
        
                              .background(Color.Green)
        
                      )
        
                  }
        
                  // Trick The ComposeView into thinking we are tracking lifecycle
        
                  val viewModelStore = ViewModelStore()
        
                  val lifecycleOwner = MyLifecycleOwner()
        
                  lifecycleOwner.performRestore(null)
        
                  lifecycleOwner.handleLifecycleEvent(Lifecycle.Event.ON_CREATE)
        
                  ViewTreeLifecycleOwner.set(composeView, lifecycleOwner)
        
                  ViewTreeViewModelStoreOwner.set(composeView) { viewModelStore }
        
                  ViewTreeSavedStateRegistryOwner.set(composeView, lifecycleOwner)
        
                  windowManager.addView(composeView, params)
        
              }
        
              override fun onBind(intent: Intent): IBinder? {
        
                  return null
        
              }
        
          }

view raw OverlayService.kt hosted with ❤ by GitHub

Have a project you'd like to submit? Fill this form, will ya!

If you like this snippet, you might also like:

Maker OS is an all-in-one productivity system for developers

I built Maker OS to track, manage & organize my life. Now you can do it too!

Get it now

The #1 destination for all things Jetpack Compose 🤖📱

Which Compose API?

Compare Frameworks

Compose Catalog

Compose Code Snippets

	import android.os.Bundle
	import androidx.lifecycle.Lifecycle
	import androidx.lifecycle.LifecycleRegistry
	import androidx.savedstate.SavedStateRegistry
	import androidx.savedstate.SavedStateRegistryController
	import androidx.savedstate.SavedStateRegistryOwner

	internal class MyLifecycleOwner : SavedStateRegistryOwner {
	private var mLifecycleRegistry: LifecycleRegistry = LifecycleRegistry(this)
	private var mSavedStateRegistryController: SavedStateRegistryController = SavedStateRegistryController.create(this)

	/**
	* @return True if the Lifecycle has been initialized.
	*/
	val isInitialized: Boolean
	get() = true

	override fun getLifecycle(): Lifecycle {
	return mLifecycleRegistry
	}

	fun setCurrentState(state: Lifecycle.State) {
	mLifecycleRegistry.currentState = state
	}

	fun handleLifecycleEvent(event: Lifecycle.Event) {
	mLifecycleRegistry.handleLifecycleEvent(event)
	}

	override fun getSavedStateRegistry(): SavedStateRegistry {
	return mSavedStateRegistryController.savedStateRegistry
	}

	fun performRestore(savedState: Bundle?) {
	mSavedStateRegistryController.performRestore(savedState)
	}

	fun performSave(outBundle: Bundle) {
	mSavedStateRegistryController.performSave(outBundle)
	}
	}

	import android.app.AlertDialog
	import android.app.Service
	import android.content.Intent
	import android.graphics.PixelFormat
	import android.os.Build
	import android.os.IBinder
	import android.util.TypedValue
	import android.view.Window
	import android.view.WindowManager
	import androidx.compose.foundation.background
	import androidx.compose.foundation.layout.wrapContentSize
	import androidx.compose.material.Text
	import androidx.compose.ui.Modifier
	import androidx.compose.ui.graphics.Color
	import androidx.compose.ui.platform.ComposeView
	import androidx.compose.ui.unit.sp
	import androidx.lifecycle.Lifecycle
	import androidx.lifecycle.ViewModelStore
	import androidx.lifecycle.ViewTreeLifecycleOwner
	import androidx.lifecycle.ViewTreeViewModelStoreOwner
	import androidx.savedstate.ViewTreeSavedStateRegistryOwner
	import com.viatek.fitnation.echelon_android.R


	class OverlayService : Service() {

	val windowManager get() = getSystemService(WINDOW_SERVICE) as WindowManager

	override fun onCreate() {
	super.onCreate()
	setTheme(R.style.ThemeOverlay_AppCompat_Light)
	showOverlay()
	}

	private fun showOverlay() {
	val layoutFlag: Int = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
	WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
	} else {
	WindowManager.LayoutParams.TYPE_PHONE
	}

	val params = WindowManager.LayoutParams(
	WindowManager.LayoutParams.WRAP_CONTENT,
	WindowManager.LayoutParams.WRAP_CONTENT,
	layoutFlag,
	WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE or WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN or WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
	PixelFormat.TRANSLUCENT
	)

	val composeView = ComposeView(this)
	composeView.setContent {
	Text(
	text = "Hello",
	color = Color.Black,
	fontSize = 50.sp,
	modifier = Modifier
	.wrapContentSize()
	.background(Color.Green)
	)
	}

	// Trick The ComposeView into thinking we are tracking lifecycle
	val viewModelStore = ViewModelStore()
	val lifecycleOwner = MyLifecycleOwner()
	lifecycleOwner.performRestore(null)
	lifecycleOwner.handleLifecycleEvent(Lifecycle.Event.ON_CREATE)
	ViewTreeLifecycleOwner.set(composeView, lifecycleOwner)
	ViewTreeViewModelStoreOwner.set(composeView) { viewModelStore }
	ViewTreeSavedStateRegistryOwner.set(composeView, lifecycleOwner)

	windowManager.addView(composeView, params)
	}

	override fun onBind(intent: Intent): IBinder? {
	return null
	}
	}