Flutter
小柯基_littlecorgi
github:https://github.com/littlecorgi-twk
blog:https://www.littlecorgi.top/
展开
-
Flutter入门并实战天气预报APP(1)——Flutter安装
Flutter入门并实战天气预报APP(1)——Flutter安装文章目录Flutter入门并实战天气预报APP(1)——Flutter安装1. Flutter是什么2. 使用镜像安装2.1 首先你得确定你用的是什么shell2.2 如果你是bash2.3 如果你是zsh3. 下载Flutter SDK3.1 先去Flutter的官网去下载你对应系统的Flutter SDK3.2 解压安装包到你...原创 2019-10-08 20:07:14 · 837 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(2)——Flutter计数器Demo
文章目录1. 创建Flutter项目2. 介绍下AndroidStudio界面2.1 控制区![控制区](https://img-blog.csdnimg.cn/2019100910301619.png)2.2 Run运行区2.3 Flutter Outline/Flutter Inspector区3. Flutter项目结构4. main.dart文件4.1 import4.2 main()4....原创 2019-10-09 10:52:20 · 623 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(3)——Widget
文章目录1. 简介2. Widget的状态3. StatelessWidgetStatefulWidget1. 简介在Flutter中,Widget是个非常基本的东西,我在上一章就说过,Flutter中只要是界面都是Widget,你可以把它就理解成是控件,但是又和Android的View控件不同的是,在Flutter中,包括Padding、Align、手势检测的GestureDetector等...原创 2019-10-09 11:45:34 · 601 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(4)——基础Widget
文章目录1. 基础组件1.1 文本1.2 按钮RaisedButtonFlatButtonIconButton1.3 图片从asset加载图片从网络加载图片参数2. 布局组件2.1 线性布局(Row、Column)2.2 弹性布局(Flex)Expanded2.3流式布局(Wrap、Flow)WrapFlow2.4层叠布局(Stack)2.5对齐与相对定位(Align)3. 容器类组件3.1 填充...原创 2019-10-10 20:23:40 · 754 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(5)——SingleChildScrollView、ListView和GridView
文章目录1. SingleChildScrollView1.2 physics2. ListView2.1 ListView.builder2.2 ListView.separated3. GridView3.1 SliverGridDelegateWithFixedCrossAxisCount3.2 SliverGridDelegateWithMaxCrossAxisExtent3.3 Grid...原创 2019-10-10 22:13:38 · 1690 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(6)——天气预报第一步-界面
文章目录1. 大致界面2. 创建项目3. 设计好天气详情页框架4. 设计title5. 设计下面天气预报页面当前温度和天气情况3天天气预报空气质量生活建议经过前面的对于Flutter的介绍,我们现在已经可以开始写我们的天气预报APP的界面了。1. 大致界面最终写成的大致界面如图:我们可以把这个界面拆分成如下部分:可以看到我们APP主要有最上面用来显示地点和刷新时间的Title、显示温...原创 2019-10-11 21:36:55 · 2436 阅读 · 2 评论 -
Flutter入门并开发天气预报APP(7)——Http网络请求、Json转Dart实体类及异步更新UI
文章目录1. Flutter Http 网络请求1.1 HttpClient引入创建一个HttpClient:创建一个Uri根据uri获取返回数据读取内容最后关闭Client1.2 Dio引入示例2. Json转Dart手动生成Dart实体类将请求回来的Response转为Dart实体类3. 异步更新UI沙雕方法获取到数据设置一个空的实体类FutureBuilder示例相关Demo源码可见a1...原创 2019-10-12 22:12:19 · 1523 阅读 · 0 评论 -
Flutter入门并开发天气预报APP(8)——天气预报第二步-选择省、市、区界面及网络请求
文章目录1. 实现界面省市区2. 网络请求转为Dart类生成.g.dart文件网络请求3. UI异步更新省市区县项目Github地址:a1203991686/CoolWeather_Flutter在第六章中我们写了天气预报的页面, 但是你作为天气预报肯定能选择城市吧。所以我们现在来写选择省、市、区的界面。我们使用的是郭霖大神在第一行代码最后面酷欧天气的API。1. 实现界面既然是一个...原创 2019-10-14 16:53:21 · 1311 阅读 · 0 评论