专栏首页Android机动车Flutter之初体验

Flutter之初体验

Flutter是什么?他是谷歌根据Dark语言开源的跨平台开发依赖。和目前比较火的Reactive Native一样,一套代码能够实现两个不同平台的App。那么为什么要介绍Flutter而不是在国内大火的Reactive Native

之前Flutter只支持Mac OS,Linux系统。好在现在推出了Windows平台,可以说是非常奈斯了,降低了学习这么跨平台的成本。

第一步:安装Git

你需要安装Git作为Flutter SDK的下载工具。这里我推荐去百度软件中心下载,官网慢的一匹。下载完安装就可以了。

第二步:下载Flutter SDK

Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git

注意:Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!

第三步:配置环境变量

你需要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径如下图:

第四步:安装

打开PowerShell(管理员)输入以下指令:

flutter doctor

Flutter 就会自动配置安装。当然你也可以在git上操作。前提是要在flutter目录的bin文件夹之下操作。成功了之后你就会看到如下界面:

如果当中有某些项目显示‘X’。那就需要你去安装啦,再次输入:

flutter 

他就会自动安装对应的依赖。

第五步 开发软件

你需要安装Android Studio 以及Android SDK,之前有就不需要重新装了。除次之外,Flutter的开发暂时不支持在Android Studio中开发,只能使用同一个公司的产品IntelliJ。需要你下载一个,IntelliJ免费版功能较少,下载的时候注意下载专业版,网上有破解教程这里自行百度,不再多说。下载完成之后在Setting中选择Plugins如下图:

搜索:Flutter和 Dark安装。当然你还要下载Dark SDK 建议下载安装版本,他会帮你进行配置。

第六步:重启电脑 (我还是建议你重启一下)

第七步:创建你的Flutter项目

InterlliJ创建一个Flutter项目,如果你经常使用模拟器在调试,类似于Genymotion。他会报如下错误,导致界面空白无法渲染。

E/flutter (13181): [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(43)] Failed to setup Skia Gr context.

我推荐你还是真机调试,成功之后就是如下界面:

如果你使用的是虚拟机,例如Genymotion。在运行时可能会出现如下提示:

进入白屏,那么你需要换一个虚拟机啦。亲测:Nexus 5X可用。

现在就开始你的Flutter学习之旅吧!

本文分享自微信公众号 - Android机动车(JsAndroidClub)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-02-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Material Design整理(五)——NavigationView

    蜻蜓队长
  • Android Studio 打包时 Signature Version V1 V2

    最近在提交测试的时候,用Android Studio给测试打了个包,如下图,我打包时,没注意选择Signature Versions,结果测试就找来了,说给他的...

    蜻蜓队长
  • 转向Kotlin——类和接口

    和Java没有什么两样,Kotlin中,类的声明也使用class关键字,如果只是声明一个空类,Kotlin和Java没有任何区别,不过定义类的其他成员,区别就很...

    蜻蜓队长
  • Flutter Lesson 1:Flutter之环境搭建

    就在几天前(2019年05月08日),Google发布了新一版本的Flutter,同时伴随着巨大的更新。之前的Flutter顶多就是跨Android与IOS平台...

    踏浪
  • Flutter + MVP +Kotlin 实战!

    Kotlin,由 JetBrains 于 2011.07 推出,一款面向 JVM 在 Java 虚拟机上运行的静态类型编程语言。

    CCCruch
  • Flutter混合开发

    使用Flutter从零开始开发App是一件轻松惬意的事情,但对于一些成熟的产品来说,完全摒弃原有App的历史沉淀,全面转向Flutter是不现实的。因此使用Fl...

    xiangzhihong
  • Flutter实战:手把手教你写Flutter Plugin

    如果你对移动端有所关注,那么你一定会听说过Flutter。得益于Google,Flutter一经推出便得受到了广泛关注。很多开发者跃跃欲试,国内部分大厂,诸如美...

    JarvanMo
  • 【Flutter 专题】 03 图解第一个程序 Hello World!

    无论是学习哪门语言,第一个程序都是 Hello world! 和尚我最近在学习 Flutter 因此整理一下在第一个测试 Demo 中遇到的一些问题...

    阿策
  • Flutter系列(一)——详细介绍

    Flutter 是谷歌推出的开发移动UI框架,可以快速的在IOS和Android上构建高质量的原生用户界面。

    Demo_Yang
  • Flutter the Future

    Flutter Interact 2019在双12的凌晨结束了,6个多小时的大会,每一分钟都让一个开发者感到惊艳。

    用户1907613

扫码关注云+社区

领取腾讯云代金券