jetpack compose基本用法代码
时间: 2023-12-23 09:03:35 浏览: 214
FigmaToCompose:插件和后端将Figma设计转换为Jetpack Compose代码
以下是 Jetpack Compose 的基本用法代码示例:
```kotlin
@Composable
fun Greeting(name: String) {
Text(text = "Hello $name!")
}
@Preview
@Composable
fun PreviewGreeting() {
Greeting(name = "Compose")
}
```
在上面的代码中,我们定义了一个名为 `Greeting` 的函数组件,它接收一个名为 `name` 的字符串参数,并在屏幕上显示一条问候语。我们使用 `Text` 组件来显示文本。`@Composable` 注解表示这是一个函数组件。
接下来,我们使用 `@Preview` 注解来创建一个预览组件,它将在 IDE 中显示我们的组件是如何呈现的。在这个例子中,我们使用 `PreviewGreeting` 来显示 `Greeting` 组件。
要使用这个组件,我们只需要在我们的代码中调用 `Greeting` 函数,并传入一个字符串参数即可:
```kotlin
Greeting(name = "World")
```
这将在屏幕上显示一条问候语,其中 `World` 是我们传递给 `Greeting` 组件的参数。
阅读全文