
Flutter
文章平均质量分 88
梦想家-mxj
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Flutter开发之网络请求
项目中展示的大部分数据都是来自服务器,我们需要向服务器请求数据,并且对他们进行解析展示。一. 网络请求的方式在Flutter中常见的网络请求方式有三种:HttpClient、http库、dio库。1、HttpClientHttpClient是dart自带的请求类,在io包中,实现了基本的网络请求相关的操作。网络调用通常遵循如下步骤:创建 client.构造 Uri.发起请求, 等待请求,同时您也可以配置请求headers、 body。关闭请求, 等待响应.解码响应的内容..原创 2021-05-13 17:29:46 · 911 阅读 · 1 评论 -
Flutter开发之滚动Widget
移动端数据量比较大时,我们都是通过列表来进行展示的,比如商品数据、聊天列表、通信录、朋友圈等。在Android中,我们可以使用ListView或RecyclerView来实现,在iOS中,我们可以通过UITableView来实现。在Flutter中,我们也有对应的列表Widget,就是ListView。一、ListView1.1、ListView的基本使用ListView可以沿一个方向(垂直或水平方向,默认是垂直方向)来排列其所有子Widget。一种最简单的使用方式是直接将所有需要排列的.原创 2021-05-11 17:34:39 · 652 阅读 · 0 评论 -
Flutter开发之JSON读取和解析
在开发中,我们经常会使用本地JSON或者从服务器请求数据后回去到JSON,拿到JSON后通常会将JSON转成Model对象来进行后续的操作,因为这样操作更加的方便,也更加的安全。所以学习JSON的相关操作以及读取JSON后如何转成Model对象对于Flutter开发也非常重要。1、 JSON资源配置JSON也属于一种资源,所以在使用之前需要先进行相关的配置。我们在之前使用Image组件时,用到了本地图片,本地图片必须在pubspec.yaml中进行配置:类似的json文件的配置如下:2、.原创 2021-05-10 17:49:49 · 3218 阅读 · 1 评论 -
flutter之布局Widget
为了实现界面内组件的各种排布方式,我们需要进行布局,和其他端不同的是,Flutter中因为万物皆Widget,所以布局也是使用Widget来完成的。Flutter中的布局组件非常多,有31个用于布局的组件。我们没必要一个个全部掌握,掌握最常用的,一些特殊的组件用到时去查文档即可。Flutter将布局组件分成了 单子布局组件(Single-child layout widgets) 和 多子布局组件(Multi-child layout widgets)一. 单子布局组件单子布局组件的含义是其只.原创 2021-05-08 17:40:03 · 311 阅读 · 0 评论 -
Flutter开发之基础Widget
一、文本Widget在Android中,我们使用TextView,iOS中我们使用UILabel来显示文本;Flutter中,我们使用Text组件控制文本如何展示;1.1普通文本展示在Flutter中,我们可以将文本的控制显示分成两类:控制文本布局的参数: 如文本对齐方式 textAlign、文本排版方向 textDirection,文本显示最大行数 maxLines、文本截断规则 overflow 等等,这些都是构造函数中的参数;控制文本样式的参数: 如字体名称 fontFamily、字体大原创 2021-05-06 18:06:42 · 312 阅读 · 0 评论 -
Flutter开发之Widget
在 Flutter 中,⼀切的显示都是 Widget 。Widget 是⼀切的基础,作为响应式的渲染,类似 MVVM 的实现机制。我们可以通过修改数据,再⽤ setState 设置数据,Flutter 会⾃动通过绑定的数据更新 Widget 。 所以你需要做的就是实现 Widget 界⾯,并且和数据绑定起来。Widget 分为 有状态 和 ⽆状态 两种,在 Flutter 中每个⻚⾯都是⼀帧,⽆状态就是保持在那⼀帧,⽽有状态的 Widget 当数据更新时,其实是绘制了新的 Widget,只是 State原创 2021-04-28 17:04:38 · 297 阅读 · 0 评论 -
Flutter开发之Hello World
一、创建项目flutter项目的创建有两种方式:通过命令行创建和开发工具创建。1、命令行创建:flutter create xxx注意:Flutter的名称不要包含特殊的字符,另外不可以使用驼峰标识2、开发工具创建,比如使用Android Studio创建,选择 Start a new Flutter project...原创 2021-04-28 15:56:18 · 501 阅读 · 1 评论