[英]Jetpack compose - how do I refresh a screen when app returns to foreground
当应用程序返回前台时,我需要自动刷新 Android Compose 屏幕。
我有一个需要权限和位置服务的。
如果用户关闭了其中任何一个,则会绘制需要更改的项目的列表。 当用户转到设置并且应用程序返回前台时,我希望刷新列表以反映更改。
我正在使用 Compose 和 Compose 导航。 我已经看过,但我无法弄清楚可用于触发刷新的 onResume 生命周期事件的等价物。
任何想法都将不胜感激,因为我不知所措。
我想出了这个:
@Composable
fun OnLifecycleEvent(onEvent: (owner: LifecycleOwner, event: Lifecycle.Event) -> Unit) {
val eventHandler = rememberUpdatedState(onEvent)
val lifecycleOwner = rememberUpdatedState(LocalLifecycleOwner.current)
DisposableEffect(lifecycleOwner.value) {
val lifecycle = lifecycleOwner.value.lifecycle
val observer = LifecycleEventObserver { owner, event ->
eventHandler.value(owner, event)
}
lifecycle.addObserver(observer)
onDispose {
lifecycle.removeObserver(observer)
}
}
}
它似乎工作得很好。 但在某些情况下可能会有一些问题,所以要小心。
也可能存在一些冗余代码。
用法:
OnLifecycleEvent { owner, event ->
// do stuff on event
when (event) {
Lifecycle.Event.ON_RESUME -> { /* stuff */ }
else -> { /* other stuff */ }
}
}
我稍微改进了@JojoIV 的答案,并使它在没有回调的情况下使用平坦,就像您在撰写@Abdelilah El Aissaoui回答的内容时观察LiveData
@Composable
fun Lifecycle.observeAsState(): State<Lifecycle.Event> {
val state = remember { mutableStateOf(Lifecycle.Event.ON_ANY) }
DisposableEffect(this) {
val observer = LifecycleEventObserver { _, event ->
state.value = event
}
this@observeAsState.addObserver(observer)
onDispose {
this@observeAsState.removeObserver(observer)
}
}
return state
}
然后使用
@Composable
fun SomeComposable() {
val lifecycleState = LocalLifecycleOwner.current.lifecycle.observeAsState()
val state = lifecycleState.value
// or val lifecycleState by LocalLifecycleOwner.current.lifecycle.observeAsState()
// will re-render someComposable each time lifecycleState will change
}
来自谷歌网站的例子
@Composable
fun HomeScreen(
lifecycleOwner: LifecycleOwner = LocalLifecycleOwner.current,
onStart: () -> Unit, // Send the 'started' analytics event
onStop: () -> Unit // Send the 'stopped' analytics event
) {
// Safely update the current lambdas when a new one is provided
val currentOnStart by rememberUpdatedState(onStart)
val currentOnStop by rememberUpdatedState(onStop)
// If `lifecycleOwner` changes, dispose and reset the effect
DisposableEffect(lifecycleOwner) {
// Create an observer that triggers our remembered callbacks
// for sending analytics events
val observer = LifecycleEventObserver { _, event ->
if (event == Lifecycle.Event.ON_START) {
currentOnStart()
} else if (event == Lifecycle.Event.ON_STOP) {
currentOnStop()
}
}
// Add the observer to the lifecycle
lifecycleOwner.lifecycle.addObserver(observer)
// When the effect leaves the Composition, remove the observer
onDispose {
lifecycleOwner.lifecycle.removeObserver(observer)
}
}
/* Home screen content */
}
谷歌网站https://developer.android.com/jetpack/compose/side-effects#disposableeffect的完整描述
编辑:如果您想要一个“纯”的撰写答案,请查看@JoJoIV 的答案
回答:
Compose 不知道 state 更改如onPause
或onResume
,您必须使用父活动的方法来处理它。
一个示例是您的活动中的LiveData
实例,该实例在每次执行onResume
时更新,并在您的主要父可组合项中将其观察为 state。
让我们看一下下面的例子:
class MainActivity : AppCompatActivity() {
// Use whatever type your prefer/require, this is just an example
private val exampleLiveData = MutableLiveData("")
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
// Your main composable
MyApplicationTheme {
// Save the state into a variable otherwise it won't work
val state = exampleLiveData.observeAsState()
Log.d("EXAMPLE", "Recomposing screen - ${state.value}")
Surface(color = MaterialTheme.colors.background) {
Greeting("Android")
}
}
}
}
override fun onResume() {
super.onResume()
// Save whatever you want in your live data, this is just an example
exampleLiveData.value = DateTimeFormatter.ISO_INSTANT.format(Instant.now())
}
}
@Composable
fun Greeting(name: String) {
Text(text = "Hello $name!")
}
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
MyApplicationTheme {
Greeting("Android")
}
}
正如您在此示例中所见,我的活动中有一个LiveData
属性,其中包含一个字符串。 每当执行onResume
时,属性都会使用新的时间戳进行更新,并且观察可组合项会被重新组合。
我将@ojoIV代码更改为此(如果您的可组合代码在活动中)
@Composable
fun ComponentActivity.LifecycleEventListener(event: (Lifecycle.Event) -> Unit) {
val eventHandler by rememberUpdatedState(newValue = event)
val lifecycle = this@LifecycleEventListener.lifecycle
DisposableEffect(lifecycle) {
val observer = LifecycleEventObserver { _, event ->
eventHandler(event)
}
lifecycle.addObserver(observer)
onDispose {
lifecycle.removeObserver(observer)
}
}
}
用法
LifecycleEventListener(event = { lifecycleEvent ->
when (lifecycleEvent ) {
Lifecycle.Event.ON_CREATE -> {}
Lifecycle.Event.ON_START -> {}
Lifecycle.Event.ON_RESUME -> {}
Lifecycle.Event.ON_PAUSE -> {}
Lifecycle.Event.ON_STOP -> {}
Lifecycle.Event.ON_DESTROY -> {}
else -> return@LifecycleEventListener
}
})
这篇关于 Medium 的文章,对我帮助很大
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.