Flutter(一)安装配置和几个注意点
2018-03-14 23:49
211 查看
Flutter(一)安装配置和几个注意点
![](https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Stephen_Hawking.StarChild.jpg/220px-Stephen_Hawking.StarChild.jpg)
记住要仰望星空,不要低头看脚下。无论生活如何艰难,请保持一颗好奇心。你总会找到自己的路和属于你的成功。
愿您的来世灵魂依旧,躯体康健。
一句话来形容Flutter就是使用Dart语言开发跨平台(Android/iOS)的应用。关于对标RN以及Weex等,可以参看知乎的相关讨论。
本文只记述自己学习Flutter模仿写Demo的过程,关于Dart语言,没有学习,但是同Java很相似,掌握一些常见语法即可直接上手使用。
Flutter的安装与配置
克隆Flutter
Git将项目克隆到本地:
新建一个安装目录,在这个目录下:git clone -b beta https://github.com/flutter/flutter.git[/code]配置
Path变量的配置
对Path变量添加flutter的路径,指向flutter的bin目录C:\Users\Aaron\Flutter\flutter\bin安装
以管理员身份运行PowerShell,并输入命令flutter doctor
等待安装完成如图
FlutterSDK安装
图中出现未安装部分的提示,这两个在AS或者IDEA中添加插件完成,如果其余出现未安装部分则重复安装指令。Android Studio配置
为AS添加插件:Flutter
安装过程中出现提示即安装Dart SDK,点击安装即可。
至此,Flutter在Windows上的安装与配置完成,建议重启电脑保证环境的生效,我在完成上述步骤之后可以新建项目但是会提示找不到SDK,在重启之后IDE自动完成配置。Flutter的HelloWorld
Android Studio : New->New Flutter Project->……完成配置,选择设备点击运行即可。Flutter开发注意点
在参照官方code-lab写第一个Demo的时候,最大的感触就是:
Dart的代码缩进很重要!
Dart的代码缩进很重要!
Dart的代码缩进很重要!
不缩进的代码可读性几乎为零,所以很怀疑G家为什么要开发这种风格的编程语言。
举个例子://有缩进风格 void _pushSaved() { Navigator.of(context).push(new MaterialPageRoute(builder: (context){ final tiles = _saved.map( (pair){ return new ListTile( title: new Text( pair.asPascalCase, style: _biggerFont, ), ); }, ); final divide = ListTile .divideTiles( context: context, tiles: tiles, ) .toList(); return new Scaffold( appBar: new AppBar( title: new Text('Saved Sugestions'), backgroundColor: Colors.green, ), body: new ListView(children: divide,), ); }, ), ); } //无严格缩进风格:下面是一个完整的函数 void _pushSaveds() { Navigator.of(context).push(new MaterialPageRoute(builder: (context){ final tiles = _saved.map( (pair){ return new ListTile( title: new Text(pair.asPascalCase, style: _biggerFont,),);},); final divide = ListTile .divideTiles( context: context, tiles: tiles,) .toList(); return new Scaffold( appBar: new AppBar( title: new Text('Saved Sugestions'), backgroundColor: Colors.green, ), body: new ListView(children: divide,),);},),);}关于代码缩进的原则
参照了官方的代码风格,总结出以下几个缩进风格,在码的时候个人倾向于一定得强迫自己使用这种风格,否则IDE提示错误的时候会发现半天都找不到哪个地方少了哪个符号。
函数的花括号风格同Java一致
调用函数传参,无论参数数量是多少,一律采用上面的花括号风格
函数的参数,不管参数的长度,一律一个参数占一个空行
IDE默认在参数的末尾加上“,”无论是否是最后一个参数,建议IDE补充成啥样就啥样,便于后续维护
暂时想到这么多,后续补充Dart语言
G家推出的网络编程语言,对标JavaScript。此外Main函数是FlutterApp的入口几个注意点
比Java更纯的纯面向对象语言,包括基本数据类型以及方法,都是对象
上述方法也是对象即:方法可以作为函数参数传入另外一个函数,直接使用函数名传方法
所有的数据包括函数,均是默认为公有,若想私有化,直接前缀_即可
..是串联符号,类似某些API的链式调用
暂时想到这么多,后续补充界面编写
不能使用XML进行界面编写,所有的界面均在Dart代码中编写完成,这个是Flutter的另一个特点。
相关文章推荐
- Apache+PHP+MySQL在Windows XP下安装时几个注意点和配置
- Apache+PHP+MySQL在Windows XP下安装时几个注意点和配置
- SVN安装配置及安全注意事项
- 在windows安装hadoop时的文件配置及注意事项
- Mysql面安装版配置注意事项
- FMS/AMS5安装后的简单应用和配置注意事项
- MySQL安装完成后必须调整的10项配置,你知道几个?
- Windows7下MySQL5.5.20免安装版的配置 - (补上了我遇到的几个问题,以及mysql启动优化)
- 在Linux上安装Sybase要注意的几个地方(转贴)
- windows server 2003 r2 64位web服务器安装配置注意事项
- Windows平台下MySQL安装与配置方法与注意事项
- 怎么配置fast R-CNN,注意几个坑
- Windows下配置Caffe+Tensorflow几个非常重要的注意点和所需安装包!!
- PIX 几个配置注意的地方
- Oracle 11g Express在Linux下安装配置注意事项
- Android Studio安装配置完全步骤、注意事项及常见问题
- 【caffe-Windows】微软官方caffe之matlab接口配置,以及安装caffe的注意事项
- 配置JSP环境--安装J2SDK时应注意的问题
- QEMU+busybox 网络和用户配置的几个注意点
- cloudera manager 5.7 安装配置以及一些注意事项