2021 鐵人賽 一天一腳步,30天學會 Android Compose UI!
今年的疫情蠻嚴重的,希望大家都過得安好,希望疫情快點過去,能回到一些線下技術聚會的時光~
今天要接觸昨天的AndroidView的後續,HAHA!
其實學到今天,大家有認真探索的話,應該對基礎元件都熟悉了,因此我想今天來測試一下,我們該如何直接把目前的專案程式碼加上 Compose UI 的相關設定,接著我們才能直接在目前的專案上加上 Compose UI 元件到產品上。
如果我們寫 Compose UI 是按照第一天的開一個新專案,然後重寫一次整個上線的產品,這件事要花費的時間太長,所以應該逐步從慢慢導入 Compose UI 的 library 開始,然後在一些無關緊要的獨立功能上,試著用看看,覺得不錯的話再擴大範圍,當然最重要的是任何重要的更新都必須跟你現在的團隊同步,才不會日後造成一些團隊其他人的困擾!
今天目標:在現有專案上導入 Compose UI library,並且能撰寫第一天的 Hello world 在同一個專案上。
— -
提醒:目前我測試的狀況,並不是所有的 Compose UI 版本都很穩定可以 migration 到目前的專案上,提供目前我測試的專案狀態,但是如果要照著 migration 到你現在的專案,可能會需要調整成不同的版本測試。
首先,要在 all project build.gradle 上加上
ext{
compose_version = ‘1.0.0-beta07’
}
以及在 project build.gradle 裏面的 android { }
加上
dependencies {} 裡面則是加上
根據我的經驗,這些都加好後,就可以在目前的專案上使用 Compose UI 了!
成果:
我覺得今天的練習根據你要導入的專案背景,難度上會有蠻大的差距~
對於已經導入的同學們則應該只是小菜一盤!
有任何問題歡迎提出,會盡量回應,或是放在後面的章節一併解釋!
明天見囉!
參考資料:
- [https://developer.android.com/codelabs/jetpack-compose-migration#0](https://developer.android.com/codelabs/jetpack-compose-migration#0)
- [https://proandroiddev.com/following-the-way-of-migration-to-jetpack-compose-63216df6a5b3](https://proandroiddev.com/following-the-way-of-migration-to-jetpack-compose-63216df6a5b3)
- [https://proandroiddev.com/lessons-learned-when-migrating-my-app-to-jetpack-compose-55ea1b05b988](https://proandroiddev.com/lessons-learned-when-migrating-my-app-to-jetpack-compose-55ea1b05b988)
本文同步發表在 iT邦幫忙 上 文章連結