Android Compose 无法在 android studio 中预览可组合函数 "Rendering problem "

Question

我无法预览下面代码中显示的可组合函数

@Preview
@Composable
fun StartingConversationInstructions() {
    Column {
        Text(stringResource(id = R.string.remember))

    }
}

但我在尝试预览函数时遇到此错误

java.lang.NoSuchMethodError: 'androidx.compose.runtime.SlotTable
androidx.compose.runtime.Composer.getSlotTable()'   at 
androidx.ui.tooling.InspectableKt.Inspectable(Inspectable.kt:63)   at 
androidx.ui.tooling.preview.ComposeViewAdapter$WrapPreview.invoke(ComposeViewAdapter.kt:357)   at
 androidx.ui.tooling.preview.ComposeViewAdapter$WrapPreview.invoke(ComposeViewAdapter.kt:-1)   at
 androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:146)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:-1)   at 
androidx.compose.runtime.AmbientKt.Providers(Ambient.kt:188)   at 
androidx.ui.tooling.preview.ComposeViewAdapter.WrapPreview(ComposeViewAdapter.kt:356)   at 
androidx.ui.tooling.preview.ComposeViewAdapter.access$WrapPreview(ComposeViewAdapter.kt:-1)   at 
androidx.ui.tooling.preview.ComposeViewAdapter$init.invoke(ComposeViewAdapter.kt:397)   at 
androidx.ui.tooling.preview.ComposeViewAdapter$init.invoke(ComposeViewAdapter.kt:-1)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:146)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:-1)   at 
androidx.compose.runtime.AmbientKt.Providers(Ambient.kt:188)   at 
androidx.compose.ui.platform.AmbientsKt.ProvideCommonAmbients(Ambients.kt:274)   at 
androidx.compose.ui.platform.AndroidAmbientsKt$ProvideAndroidAmbients.invoke(AndroidAmbients.kt:176)   at 
androidx.compose.ui.platform.AndroidAmbientsKt$ProvideAndroidAmbients.invoke(AndroidAmbients.kt:-1)   at androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:146)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:-1)   at 
androidx.compose.runtime.AmbientKt.Providers(Ambient.kt:188)   at 
androidx.compose.ui.platform.AndroidAmbientsKt.ProvideAndroidAmbients(AndroidAmbients.kt:168)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:251)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:-1)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:146)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:-1)   at 
androidx.compose.runtime.AmbientKt.Providers(Ambient.kt:188)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:250)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:-1)   at 
.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:146)   at 
androidx.compose.runtime.internal.ComposableLambda.invoke(ComposableLambda.kt:-1)   at 
androidx.compose.runtime.ComposerKt.invokeComposable(Composer.kt:2904)   at 
androidx.compose.runtime.Composer.composeInitial(Composer.kt:2070)   at 
androidx.compose.runtime.Recomposer.composeInitial$runtime_release(Recomposer.kt:353)   at 
androidx.compose.runtime.CompositionImpl.setContent(Composition.kt:109)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:235)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:-1)   at 
androidx.compose.ui.platform.AndroidComposeView.setOnViewTreeOwnersAvailable(AndroidComposeView.kt:545) 
  at androidx.compose.ui.platform.WrappedComposition.setContent(Wrapper.kt:226)   at 
androidx.compose.ui.platform.WrappedComposition.onStateChanged(Wrapper.kt:275)   at 
androidx.lifecycle.LifecycleRegistry$ObserverWithState.dispatchEvent(LifecycleRegistry.java:354)   at 
androidx.lifecycle.LifecycleRegistry.addObserver(LifecycleRegistry.java:196)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:233)   at 
androidx.compose.ui.platform.WrappedComposition$setContent.invoke(Wrapper.kt:-1)   at 
androidx.compose.ui.platform.AndroidComposeView.onAttachedToWindow(AndroidComposeView.kt:610)   at 
android.view.View.dispatchAttachedToWindow(View.java:20479)   at 
android.view.ViewGroup.dispatchAttachedToWindow(ViewGroup.java:3489)   at 
android.view.ViewGroup.dispatchAttachedToWindow(ViewGroup.java:3496)   at 
android.view.ViewGroup.dispatchAttachedToWindow(ViewGroup.java:3496)   at 
android.view.ViewGroup.dispatchAttachedToWindow(ViewGroup.java:3496)   at 
android.view.ViewGroup.dispatchAttachedToWindow(ViewGroup.java:3496)   at 
android.view.AttachInfo_Accessor.setAttachInfo(AttachInfo_Accessor.java:44) Copy stack to clipboard  
 Tip: Try to refresh the layout.

我正在使用 android 工作室版本：Android Studio Arctic Fox | 2020.3.1 金丝雀 4
和 Android 撰写版本：1.0.0-alpha09

我认为这是问题的原因，因为你可以在这个版本的 changes 中找到

Removed SlotTable, SlotReader and SlotWriter from the public API. These were marked as InternalComposeAPI previously. Now they are internal to the compose module.

Answer 1

在你的依赖中，改变

implementation "androidx.ui:ui-tooling:$compose_version"

至

implementation "androidx.compose.ui:ui-tooling:$compose_version"

这样行吗？

Answer 2

正如@author 在他的中所述，有两个相同的注释：

import androidx.ui.tooling.preview.Preview
import androidx.compose.ui.tooling.preview.Preview

第二个对我有用。

Android Compose 无法在 android studio 中预览可组合函数 "Rendering problem "

Android Compose cannot preview composable function in android studio "Rendering problem "

android

android-jetpack-compose