Android Composable不会以LocalConext.Current作为活动呈现

我读到了Jetpack Compose Preview Render Problem when casting LocalContext.current，我想知道是否有一种方法可以在不实现接口的情况下解决这个问题.

我在跟踪https://developer.android.com/codelabs/basic-android-kotlin-compose-practice-sports-app?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-4-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-practice-sports-app#1

代码在此处:https://github.com/google-developer-training/basic-android-kotlin-compose-training-sports/tree/starter

我的更改:

diff --git a/AndroidBasicsCourse/Sports/app/src/main/java/com/example/sports/ui/SportsScreens.kt b/AndroidBasicsCourse/Sports/app/src/main/java/com/example/sports/ui/SportsScreens.kt
index 7a24a19..e9d96f4 100644
--- a/AndroidBasicsCourse/Sports/app/src/main/java/com/example/sports/ui/SportsScreens.kt
+++ b/AndroidBasicsCourse/Sports/app/src/main/java/com/example/sports/ui/SportsScreens.kt
@@ -16,6 +16,7 @@
 
 package com.example.sports.ui
 
+import android.app.Activity
 import androidx.activity.compose.BackHandler
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
@@ -48,6 +49,7 @@ import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.material3.windowsizeclass.WindowWidthSizeClass
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
@@ -56,6 +58,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.res.dimensionResource
 import androidx.compose.ui.res.painterResource
@@ -76,6 +79,8 @@ import com.example.sports.ui.theme.SportsTheme
  */
 @Composable
 fun SportsApp(
+    windowSize: WindowWidthSizeClass,
+    modifier: Modifier = Modifier
 ) {
     val viewModel: SportsViewModel = viewModel()
     val uiState by viewModel.uiState.collectAsState()
@@ -342,6 +347,48 @@ private fun SportsDetail(
     }
 }
 
+@Composable
+fun SportsListAndDetails(
+    uiState: SportsUiState,
+    viewModel: SportsViewModel,
+    modifier: Modifier = Modifier
+) {
+    val activity = LocalContext.current as Activity
+
+    Scaffold(
+        topBar = {
+            SportsAppBar(
+                isShowingListPage = true,
+                onBackButtonClick = { activity.finish() },
+            )
+        }
+    ) { innerPadding ->
+        Row(modifier = modifier) {
+            SportsList(
+                sports = uiState.sportsList,
+                onClick = {
+                    viewModel.updateCurrentSport(it)
+                    viewModel.navigateToDetailPage()
+                },
+                contentPadding = innerPadding,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(
+                        top = dimensionResource(R.dimen.padding_medium),
+                        start = dimensionResource(R.dimen.padding_medium),
+                        end = dimensionResource(R.dimen.padding_medium),
+                    )
+            )
+            SportsDetail(
+                selectedSport = uiState.currentSport,
+                contentPadding = innerPadding,
+                onBackPressed = { activity.finish() },
+                modifier = Modifier.weight(1f)
+            )
+        }
+    }
+}
+
 @Preview
 @Composable
 fun SportsListItemPreview() {
@@ -365,3 +412,15 @@ fun SportsListPreview() {
         }
     }
 }
+
+@Preview
+@Composable
+fun SportsListAndDetailsPreview() {
+    SportsTheme {
+        Surface {
+            val viewModel: SportsViewModel = viewModel()
+            val uiState by viewModel.uiState.collectAsState()
+            SportsListAndDetails(uiState = uiState, viewModel = viewModel)
+        }
+    }
+}

尽管预览不会渲染.如果我移除/注释掉val activity = LocalContext.current as Activity，那么渲染就会工作.

有什么 idea 吗？

我不想查看代码实验室中的代码解决方案，因为我想了解如何在这些问题再次发生时对其进行调试.