Day 14 Compose GridLayout

Teng Wang
Sep 19, 2021

--

2021 鐵人賽 一天一腳步,30天學會 Android Compose UI!

今年的疫情蠻嚴重的,希望大家都過得安好,希望疫情快點過去,能回到一些線下技術聚會的時光~

今天目標:了解 Compose UI 上 Grid (LazyVerticalGrid)怎麼使用。

昨天在了解了 LazyColumn後,就接著想了解那那那 Grid Layout怎麼使用?

今天查了一下,哇嗚!

也是非常的方便呢!

將你要放進去的資料宣告好,然後設定好 GridCells.Fixed(列數)

就可以顯示了!

唯一的問題就是 LazyVerticalGrid 好像還是實驗中的功能,需要加上

@ExperimentalFoundationApi 的宣告。

如果要用在產品上可能要稍微考慮一下未來變動的可能。

以上,今天可以提早下班!

明天見:)

參考資料:https://dev.to/agarasul/complex-ui-in-jetpack-compose-o41

參考資料:https://stackoverflow.com/questions/58596541/how-to-create-gridview-using-jetpack-compose

本文同步發表在 iT邦幫忙 上 文章連結

--

--

Teng Wang
Teng Wang

Written by Teng Wang

A Software Research & Development

No responses yet