欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

Flutter 基本运用

发表日期:2018-12 文章编辑:小灯 浏览次数:3906

# Flutter 基本运用

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

Flutter拥有丰富的工具和库,则可以使用Flutter作为视图(View)层, 并可以使用已经用Java / ObjC / Swift完成的部分(Flutter支持混合开发)

支持Material组件和Cupertino widgets。

###一、Flutter 环境安装

####1、下载源码:

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

####2、设置环境变量,打开~/.bash_profile文件

注意:/Users/yongliu/Documents/FlutterProject/flutter/bin需要替换为你本地Flutter项目的路径,

添加

export PATH=$PATH:/Users/yongliu/Documents/FlutterProject/flutter/bin

此外国内需要修改镜像路径:

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn


####3、flutter doctor命令来执行Flutter的安装程序

####4、Flutter可以使用如下三个IDE来开发程序

Android Studio

IntelliJ IDEA

Visual Studio Code

####5、Dart:提供Dart语言的支持

IDE 插件安装即可

###二、创建Flutter应用

Flutter create demo_app

*demo_app 必须是小写

Flutter packages get

*获取依赖包

Flutter run

*运行程序

选择模拟器查看结果便可成功得到第一个Flutter项目

###三、项目结构


###四、布局基础

StatelessWidget 和 StatefulWidget的区别

StatelessWidget是状态不可变的widget。初始状态设置以后就不可再变化。如果需要变化需要重新创建。StatefulWidget可以保存自己的状态。那问题是既然widget都是immutable的,怎么保存状态?其实Flutter是通过引入了State来保存状态。当State的状态改变时,能重新构建本节点以及孩子的Widget树来进行UI变化。


###五、网络操作

发送一个请求

Response response;

response=await dio.get("/test?id=12")

// 请求参数也可以通过对象传递,上面的代码等同于:

response=await dio.get("/test",data:{"id":12,"name":"wendu"})

print(response.data.toString());

###相关学习网站

Flutter原理与美团的实践

Flutter Hot Reload

Flutter Widget布局控件

Flutter中文文档 [**FlutterGithub源码**<https://github.com/flutter/flutter>]

Flutter中文文档 <http://doc.flutter-dev.cn/>

Dart中文官网 <https://www.dart-china.org/>


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/18381.html
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.