Android 在现有项目中引入Compose

在现有的项目中引入Jetpack Compose，三步配置步骤也可以看官网。

一、配置kotlin版本
Compose 从Kotlin 1.4.0 才开始支持

plugins {id 'org.jetbrains.kotlin.android' version '1.4.0'
}

二、配置 Gradle

android {defaultConfig {...minSdkVersion 21 // 从API 21开始支持}// 启用Jetpack Compose组件特性buildFeatures {compose true}...// 设置Java和kotlin的编译版本compileOptions {sourceCompatibility JavaVersion.VERSION_1_8targetCompatibility JavaVersion.VERSION_1_8}kotlinOptions {jvmTarget = "1.8"useIR = true}composeOptions {kotlinCompilerVersion '1.4.0'kotlinCompilerExtensionVersion '1.0.0-alpha05'}
}

三、添加 Jetpack Compose 工具包依赖项

dependencies {implementation 'androidx.compose.ui:ui:1.0.0-alpha05'// Tooling support (Previews, etc.)implementation 'androidx.ui:ui-tooling:1.0.0-alpha05'// Foundation (Border, Background, Box, Image, Scroll, shapes, animations, etc.)implementation 'androidx.compose.foundation:foundation:1.0.0-alpha05'// Material Designimplementation 'androidx.compose.material:material:1.0.0-alpha05'// Material design iconsimplementation 'androidx.compose.material:material-icons-core:1.0.0-alpha05'implementation 'androidx.compose.material:material-icons-extended:1.0.0-alpha05'// Integration with observablesimplementation 'androidx.compose.runtime:runtime-livedata:1.0.0-alpha05'implementation 'androidx.compose.runtime:runtime-rxjava2:1.0.0-alpha05'// UI TestsandroidTestImplementation 'androidx.ui:ui-test:1.0.0-alpha05'
}

至此就配置完成了。

Android 在现有项目中引入Compose相关推荐

ReactNative 在丁香医生项目中引入的踩坑日记
ReactNative 在丁香医生项目中引入的踩坑日记 this没绑定到函数导致空指针参考 React-Native 踩坑第二弹-undefined is not a function(evalua ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
在C++项目中引入Lua（AlphaGo使用的方案）
最近大火的AlphaGo,其中的deepmind已经开源,可以到github中下载https://github.com/deepmind/lab·,网上还有一个基于Python开源AlphaGo,那个 ...
引入 javascript_在您JavaScript项目中引入类型安全性？再想一想
引入 javascript by James Wright 詹姆斯·赖特(James Wright) 在您JavaScript项目中引入类型安全性? 再想一想 (Introducing Type Sa ...
圣诞节PNG免扣素材|轻松向现有项目中添加节日元素！
制作任何东西,从定制的圣诞卡,图标,可以用于网站设计或包装,甚至图形,照片和插图,PNG免扣格式图片素材,无疑可以帮助你有效的完成项目. 节日的装饰不仅仅包括挂一棵圣诞树和添加金属箔.装饰也可以延伸到 ...
项目中引入阿里巴巴图标——iconfont图标的使用-svg格式
项目中引入阿里巴巴图标--iconfont图标的使用-svg格式一.下载图标 1.先进入iconfont.cn页面 iconfont官网:https://www.iconfont.cn/ 2.登陆, ...
如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图（含vue项目创建教程）
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
Webpack项目中引入Bootstrap4.x
Bootstrap是一个简洁.直观.强悍的前端开发框架,在Web开发中使用频率很高,本文主要记录一下如何在 webpack项目中引入Bootstrap4.x. 由于Bootstrap在各个Vue组件中 ...
说说如何在项目中引入 jBPM4 工作流框架以及遇到的坑儿
由于各种原因,我们需要在项目中引入 jBPM4 工作流框架,遇到了不少问题,今记录如下O(∩_∩)O 1 引入步骤 1.1 加入依赖包非 Maven 项目,在 lib 包中加入 jbpm.jar. ...
VUE 项目中引入外部js文件（CND引入）
以VUE项目中引入echarts文件为例: 第一步在VUE项目中找到index.html文件引入 :<script src="https://cdnjs.cloudflare.com ...

Android 在现有项目中引入Compose

Android 在现有项目中引入Compose相关推荐

最新文章

热门文章