Day 10 Compose UI migration 到目前的专案上！

今年的疫情蛮严重的，希望大家都过得安好，希望疫情快点过去，能回到一些线下技术聚会的时光～

今天要接触昨天的AndroidView的後续，HAHA！

其实学到今天，大家有认真探索的话，应该对基础元件都熟悉了，

因此我想今天来测试一下，我们该如何直接把目前的专案程序码加上 Compose UI 的相关设定，

接着我们才能直接在目前的专案上加上 Compose UI 元件到产品上，

如果导入Compose UI 是按照 Day 1那样开一个新专案，然後重写一次整个上线的产品，这件事要花费的时间太长，

所以应该逐步从慢慢导入 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://proandroiddev.com/following-the-way-of-migration-to-jetpack-compose-63216df6a5b3
• https://proandroiddev.com/lessons-learned-when-migrating-my-app-to-jetpack-compose-55ea1b05b988

本文同步发表在 medium 上 文章连结