Flutter|Flutter 基本运用
# 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####3、flutter doctor命令来执行Flutter的安装程序
此外国内需要修改镜像路径:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
####4、Flutter可以使用如下三个IDE来开发程序 Android Studio
IntelliJ IDEA
Visual Studio Code
####5、Dart:提供Dart语言的支持 IDE 插件安装即可
###二、创建Flutter应用
Flutter create demo_app选择模拟器查看结果便可成功得到第一个Flutter项目
*demo_app 必须是小写
Flutter packages get
*获取依赖包
Flutter run
*运行程序
###三、项目结构
文章图片
###四、布局基础 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源码**]
Flutter中文文档
Dart中文官网
写了一个Demo源码,请移步Github
【Flutter|Flutter 基本运用】https://github.com/CyonLeu/Flutter_GridView
推荐阅读
- 做一件事情的基本原理是什么()
- dubbo基本认识
- HTML基础--基本概念--跟着李南江学编程
- 排序(归并排序)
- Flutter的ListView
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 一般模型化关系——从模型是什么到如何起作用的基本答案
- canvas(一)基本用法
- 带你了解类型系统以及flow和typescript的基本使用
- MySQL数据库的基本操作