Jetpack Compose：无法解析堆栈答案

【问题标题】：Jetpack Compose: Stack cannot be resolvedJetpack Compose：无法解析堆栈
【发布时间】：2021-06-02 00:46:00
【问题描述】：

我是 Jetpack compose 的新手，目前正在尝试实现 Stack（可组合）。由于某种原因，我无法得到它的参考。我已经尝试将它添加到我的导入中，如下所示，但 Stack 部分没有得到解决。

 import androidx.compose.foundation.layout.Stack

自动完成似乎也无法得到它，如下所示：

我将org.jetbrains.kotlin.android 包含在我的插件列表中。下面突出显示的是我的依赖项列表：

    implementation 'androidx.core:core-ktx:1.5.0'
    implementation 'androidx.appcompat:appcompat:1.3.0'
    implementation 'com.google.android.material:material:1.3.0'
    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
    implementation 'androidx.activity:activity-compose:1.3.0-alpha02'
    implementation("androidx.compose.ui:ui:1.0.0-beta07")
    implementation("androidx.compose.ui:ui-tooling:1.0.0-beta07")
    implementation("androidx.compose.foundation:foundation:1.0.0-beta07")
    implementation("androidx.compose.material:material:1.0.0-beta07")
    implementation("androidx.compose.material:material-icons-core:1.0.0-beta07")
    implementation("androidx.compose.material:material-icons-extended:1.0.0-beta07")
    implementation("androidx.compose.runtime:runtime-livedata:1.0.0-beta07")
    implementation("androidx.compose.runtime:runtime-rxjava2:1.0.0-beta07")
    androidTestImplementation("androidx.compose.ui:ui-test-junit4:1.0.0-beta07")

我该如何解决这个问题？

【问题讨论】：

标签： android-jetpack-compose

【解决方案1】：

堆栈已弃用。请改用 Box()。

自版本 1.0.0-alpha04 起：“Stack 已重命名为 Box。以前存在的 Box 将被弃用，取而代之的是 compose.foundation.layout 中的新 Box。新 Box 的行为是将子项堆叠在一个当它有多个子级时，位于另一个之上 - 这与之前的 Box 不同，它的行为类似于 Column。(I94893, b/167680279)"

https://developer.android.com/jetpack/androidx/releases/compose-ui?authuser=1#1.0.0-alpha04

【讨论】：

这很有帮助。非常感谢！
那么如何使用 Box 覆盖 ui 元素？我有一个带有verticalPager 的框，我想将UI 选择覆盖在不滚动的VertcalPager 上。有这方面的教程或示例吗？