Jetpack Compose

Jetpack Compose目前還在開發階段，所以需要下載Preview版才可以使用，參考了flutter的設計模式，程式碼還能看到有關Flutter的註釋。

@Composable:只有相同有著@Composable的註釋才能使用。
@Preview:可以即時顯示在模擬器上。
showBackground:顯示背景。
showBackground:顯示Statusbar和Toolbar。

https://developer.android.com/studio/preview

Layouts(布局)

1.Stack:堆疊

@Preview(showBackground = true, showDecoration = true)
@Composable
fun demo() {
    Stack {
        Text("Hello")
        Text("Hello World")
        Text("Hello Compose")
    }
}    

2.Column:垂直

Column {
    Text("Hello")
    Text("Hello World")
    Text("Hello Compose")
}

3.Row:水平

Row {
    Text("Hello")
    Text("Hello World")
    Text("Hello Compose")
}