Android 开发，使用 Jetpack Compose 构建 UI 时报错：CompositionLocal LocalLifecycleOwner not present

使用 Jetpack Compose 构建UI时，报错：

java.lang.IllegalStateException: CompositionLocal LocalLifecycleOwner not present

由于某些Jetpack Compose组件（例如LaunchedEffect、rememberCoroutineScope等）需要访问LifecycleOwner，但当前的Compose环境中没有可用的LifecycleOwner。

Jetpack Compose是一个用于构建Android用户界面的现代工具包，它使用Kotlin编写，允许开发者以声明式的方式构建UI。然而，Compose的某些功能依赖于Android的生命周期管理，这就需要一个LifecycleOwner。

解决方法

在Activity或Fragment中设置Compose UI时，需正确的Compose函数，并且这些函数在Android的生命周期环境中调用。参考以下示例：

   class MainActivity : ComponentActivity() {
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContent {
               MyComposeApp()
           }
       }
   }

在Fragment中：

   class MyFragment : Fragment() {
       override fun onCreateView(
           inflater: LayoutInflater, container: ViewGroup?,
           savedInstanceState: Bundle?
       ): View? {
           return ComposeView(requireContext()).apply {
               setContent {
                   MyComposeApp()
               }
           }
       }
   }

如果你需要在自定义的Composable函数中使用LifecycleOwner，可以使用CompositionLocalProvider来提供LocalLifecycleOwner。例如：

   @Composable
   fun MyComposable() {
       val lifecycleOwner = LocalLifecycleOwner.current
       CompositionLocalProvider(LocalLifecycleOwner provides lifecycleOwner) {
           // ……
       }
   }

Composable函数需在一个具有LifecycleOwner的上下文中调用，例如在Activity、Fragment或者ComposeView的setContent函数中。

示例代码

在 Compose 中使用 LifecycleOwner：

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.runtime.Composable
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.rememberCoroutineScope
import androidx.lifecycle.LifecycleOwner
import androidx.lifecycle.compose.LocalLifecycleOwner
import kotlinx.coroutines.CoroutineScope

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyComposeApp()
        }
    }
}

@Composable
fun MyComposeApp() {
    val lifecycleOwner = LocalLifecycleOwner.current
    CompositionLocalProvider(LocalLifecycleOwner provides lifecycleOwner) {
        MyScreen()
    }
}

@Composable
fun MyScreen() {
    val coroutineScope = rememberCoroutineScope()
    // 你的UI代码
}

解决方法

示例代码

相关文章：

本文标签: