前言:

Android Jetpack Compose是一个UI组件,和element,antd类似,Compose是一个大前端其中的概念,在基于Java,Kotlin所写的应用上移除了xml的繁琐,Compose的概念是可以应用到pc端或者在Android上.是React和Flutter的结合体.

• 下载Android Studio Canary
  下载右面的Canary版本

• 新建项目
  

看代码和之前的xml概念类似. Theme->Layout->View
此时我们写一个列表

val items = arrayOf("Apple","Banana","Child","Click","Flutter",)
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        WindowCompat.setDecorFitsSystemWindows(window, false)

        setContent {
            ComposeDemoTheme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}
@Composable
fun Greeting(name: String) {
    ScrollableColumn() {
        items.forEach {
            Text(text = "Hello $it!",fontSize = TextUnit.Em(20))
        }
    }

}
@Preview()
@Composable
fun DefaultPreview() {
    ComposeDemoTheme {
        Greeting("Android")
    }
}  

看到这个第一行代码了吗.后面有个逗号,这个在kotlin是一个新功能尾随逗号在1.4中. 看到到21行代码中的forEach了吗.是不是有点React的影子.

• 打包apk 可以看到,一个compose包就占了整个apk的大多半的体积,或许release后,会好点吧.