Compose 利用工具加快开发速度

Accelerate development: Compose tooling - MAD Skills

了解如何使用 Android Studio 中的 Compose 专用工具加速应用开发。

1. Live templates

• comp: Create @Composable function

• WR: Surround with Row

• WC: Surround with Column

• prev: Create @Preview composable function

...

2. Gutter icons

3. @Preview

@Preview
@Composable
fun MyAppPreview() {
    BasicsCodelabTheme {
        MyApp(Modifier.fillMaxSize())
    }
}

4. Layout inspector

Load Overlay

5. Live edit of literals & Live edit

allow us to see code updates in real time.

6. Summary