Flutter:是谷歌新推出的一款能够支持Android和IOS跨平台开发的全新的UI框架。

拥有自己的一套UI渲染引擎,所以目前的测试数据来看,在性能上面,并没有比原生App性能低多少,所以目前来看,还是一套可以跟进的跨平台方案。

 需要的安装软件

  flutter SDK下载:https://flutter.dev/docs/get-started/install/windows

  下载 Dart 插件

  下载 Flutter 插件

  准备 IDE(Android Studio【as建议使用3.1以上版本】或者 Idea)配置 flutter sdk即可

 

下载 flutter 之后,解压放置到对应的目录中,配置 flutter 的环境变量;在这一步最好是将 android sdk 的环境变量一起配置了,如果配置过,则可以略过配置 android sdk 这一步

 

Flutter需要下面这两个插件支持:

  •     Flutter 插件用来支撑Flutter开发者的流程(运行,调试,热加载,等等)
  •     Dart插件则提供代码分析(代码合法性校验,代码补全等等)

 在android studio中直接下载安装这两个插件即可

File-Settings

由于自己的已经安装完成,所以没有了安装选项,直接点击旁边的安装即可,会自动安装另外一个插件;等待 install 的按钮变为 restart android studio,点击此按钮,重启即可;

由于防火墙原因:最好是将部分数据改为阿里云的

 

 

 1 buildscript {
 2     repositories {
 3         //google()
 4         //jcenter()
 5         maven{
 6             url 'https://maven.aliyun.com/repository/google'
 7         }
 8         maven{
 9             url 'https://maven.aliyun.com/repository/jcenter'
10         }
11         maven{
12             url 'http://maven.aliyun.com/nexus/content/groups/public'
13         }
14     }
15     dependencies {
16         classpath 'com.android.tools.build:gradle:3.2.1'
17     }
18 }

 在项目中也需要更改:

 1 buildscript {
 2     ext.kotlin_version = '1.2.71'
 3     repositories {
 4         //google()
 5         //jcenter()
 6         maven{
 7             url 'https://maven.aliyun.com/repository/google'
 8         }
 9         maven{
10             url 'https://maven.aliyun.com/repository/jcenter'
11         }
12         maven{
13             url 'http://maven.aliyun.com/nexus/content/groups/public'
14         }
15     }
16 
17     dependencies {
18         classpath 'com.android.tools.build:gradle:3.3.1'
19         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
20     }
21 }
22 
23 allprojects {
24     repositories {
25         //google()
26         //jcenter()
27         maven{
28             url 'https://maven.aliyun.com/repository/google'
29         }
30         maven{
31             url 'https://maven.aliyun.com/repository/jcenter'
32         }
33         maven{
34             url 'http://maven.aliyun.com/nexus/content/groups/public'
35         }
36     }
37 }