在 build.gradle 中添加以下依赖:
plugins {
id 'org.jetbrains.android.compose' version '1.0.1'
}
dependencies {
def compose_version = '1.0.1'
implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.ui:ui-tooling:$compose_version"
implementation "androidx.compose.material:material:$compose_version"
}
然后在 res 目录下创建 preview 目录,并根据需要创建不同的目录,例如 values-land、 values-sw600dp 等,如下:
app
├── src
│ ├── main
│ └── preview
│ ├── values
│ │ ├── colors.xml
│ │ ├── dimens.xml
│ │ ├── strings.xml
│ │ └── themes.xml
│ ├── values-land
│ │ ├── colors.xml
│ │ ├── dimens.xml
│ │ ├── strings.xml
│ │ └── themes.xml
│ └── values-sw600dp
│ ├── colors.xml
│ ├── dimens.xml
│ ├── strings.xml
│ └── themes.xml
最后,重新启动 Android Studio,预览配置选择器将出现在 Compose 预览窗口右上角。