前言

自Flutter beta版发布, 经过几个月的发展, 它已成为了github社区开源项目活跃度的Top50。加上近日Google的Flutter Live 2018全球同步直播宣传,与 Flutter 1.0 正式版的发布,Flutter更是成为了移动开发的热点。感觉它很有统一移动端的趋势(~ ̄▽ ̄)~

首先介绍下Flutter


Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
它也是构建未来的Google Fuchsia 应用的主要方式。

作为如今这么火热的移动开发框架, 我一个做安卓当然也要瞧一瞧( •̀ ω •́ )✧。

开始

下载sdk

首先下载Flutter的sdk包, windows用户的话直接点击下载

如果其它系统则点击这里

下载完成后解压至对应的安装目录, 我这里是C:\Softwares\flutter,完成后大概是这个样子:

1470456-20181206174148199-2002216355.png

然后运行它的话可以直接双击flutter_console.bat文件。

更新环境变量

在对应用户或系统上的Path,上添加一条,定位至flutter的bin文件夹内,我的是C:\Softwares\flutter\bin, 根据你自己的安装位置选择。
添加成功之后打开cmd, 输入flutter,然后会显示如图结果:

1470456-20181206174653015-309070173.png

就表示成功了。

然后就用Android Studio来启动第一个flutter应用程序:

依次点击File -> Settings -> Plugings -> Browse repositories... ,然后搜索Flutter,如图:

1470456-20181206175144631-150707529.png

再点击安装。若弹出要求你继续安装的对话框,则按它提示安装。没有则再搜索Dart 进行手动安装。最后重启Android Studio。

重启后, 点击File -> New ,会多出 New Flutter Project...这个选项,点击进入,会有如图所示界面:

1470456-20181206175543689-1175071298.png

点击第一个,再按提示输入信息

1470456-20181206175617881-498974721.png

若没有找到Flutter SDK Path,则手动选择之前flutter安装的位置,然后按提示继续就行了。

需要注意的时创建项目时可能需要***,总之有点慢,也可以手动进行换源解决。

创建成功之后,项目结构

1470456-20181206182523212-1403844438.png

其中的android目录和正常的安卓目录几乎一样, 打开最里面的MainActivity,

1470456-20181206182832379-1789168179.jpg

再点击如图提示位置,即可编写安卓相关代码,并直接调式。

最后附上运行效果图

1470456-20181206183046416-842826862.jpg

即是个简单的计数器demo

转载于:https://www.cnblogs.com/asche/p/10078415.html

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐