什么是Future? Future表示在接下来的某个时间的值或错误,借助Future我们可以在Flutter实现异步操作.它类似于ES6中的Promise,提供then和catchError的链式调用. Future是dart:async包中的一个类,使用它时需要导入dart:async包,Future有两种状态: pending - 执行中: completed - 执行结束,分两种情况要么成功要么失败: Future的常见用法? 使用future.then获取future的值与捕获futur

解析开始 Flutter中一切皆widget,一切皆组件.学习Flutter中,必须首先了解Flutter的widget.先从最基本的MaterialApp和Scaffold开始了解 1 MaterialApp 一个封装了很多Android MD设计所必须要的组件的小部件,一般作为顶层widget使用. 继承关系InheritanceObject->Diagnosticable ->DiagnosticableTree ->Widget ->StatefulWidget ->

Flutter中Expanded组件用法 Expanded组件可以使Row.Column.Flex等子组件在其主轴方向上展开并填充可用空间(例如,Row在水平方向,Column在垂直方向).如果多个子组件展开,可用空间会被其flex factor(表示扩展的速度.比例)分割. Expanded组件必须用在Row.Column.Flex内,并且从Expanded到封装它的Row.Column.Flex的路径必须只包括StatelessWidgets或StatefulWidgets组件(不能是其他类

Flutter 中渐变有三种: LinearGradient:线性渐变 RadialGradient:放射状渐变 SweepGradient:扇形渐变 看下原图,下面的渐变都是在此图基础上完成. LinearGradient 给一张图片添加从上到下的线性渐变: ShaderMask( shaderCallback: (Rect bounds) { return LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCen

Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下 RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自StatelessWidget 我们先来看看MaterialButton中的属性

https://blog.csdn.net/sinat_37255207/article/details/100041023 https://github.com/wuzhendev/flutter-cupertino-date-picker import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart' as HandOverDutyDatePicker; HandOverDutyDatePic

list集合 在Dart中,数组是List对象,因此大多数人只是将它们称为List.以下是一个简单的Dart的List: 创建一个int类型的list List list = [10, 7, 23]; print(list);// 输出结果 [10, 7, 23] 要创建一个编译时常量const的list,示例如下: List constantList = const[10,3,15]; print(constantList);// 输出结果 [10, 3, 15] 注意事项: 可以直接打印li

前言 本篇文章对于熟悉 flutter 或者 dart 的小伙伴来说可能觉得比较简单,但是对于初学者或者没用过的小伙伴还是有些收获的. 背景 说到 map 妙用的发现,还要归功于 Tooltip 的研究. 在研究这个 Widget 的时候,看到了它的源码 demo,所以发现了这个 map 的妙用. 那么妙用在哪呢? 统一处理 我们在上节课说到了 Expanded 的比例布局. 源代码如下: return Column( children: <Widget>[ Expanded( flex: 1

第一点:push使用 1.pushNamed——Navigator.of(context).pushNamed('routeName'); 此种方法只是简单的将我们需要进入的页面push到栈顶,以此来显示当前页面,其参数是一个字符串类型,传入的是页面对应的路由名称 该路由名称需要在程序主入口中进行定义.定义方法为: void main() { runApp( new MaterialApp( home: new Screen1(), routes: <String, WidgetBuilder>

对于大部分安卓或者IOS开发人员来说,App的数据持久化可能是很平常的一个话题.但是对于Web开发人员来说,可能紧紧意味着localStorage和sessionStorage. Web开发 localStorage和sessionStorage localStorage和sessionStorage是相似而又不同的,二者的API接口是极其类似甚至相同.简单地说一下二者的异同点: localStorage生命周期是永久.这意味着在理论上除非用户显示在浏览器提供的UI上清除localStorage

二流课程也有其存在的价值,看到不同组件的轮流使用也是不断熟悉的过程,不过太眼花缭乱了. 授人以渔,基础用法是其一,讲清套路是其二,不然坑萌新. 那么 flutter 的套路是什么呢,我认为有下面几点: 1. 搞清楚最最最简运行程序骨架的含义(main.dart). 2. 内置 Widget 构造函数的参数用法,通过 Android Studio IDE 索引到源码位置查看. 例如:MaterialApp,有 this.theme 参数,接着看它的类型是 final ThemeData theme

本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件. 1. 系列文章 Flutter 布局详解 Flutter 布局(一)- Container详解 Flutter 布局(二)- Padding.Align.Center详解 Flutter 布局(三)- FittedBox.AspectRatio.ConstrainedBox详解 Flutter 布局(四)- Baseline.FractionallySizedBox.Intrin

本文主要介绍Flutter中非常常见的Container,列举了一些实际例子介绍如何使用. 1. 简介 A convenience widget that combines common painting, positioning, and sizing widgets. Container在Flutter中太常见了.官方给出的简介,是一个结合了绘制(painting).定位(positioning)以及尺寸(sizing)widget的widget. 可以得出几个信息,它是一个组合的widge

Dio Dio是一个强大的Dart Http请求库,支持Restful API.FormData.拦截器.请求取消等操作.视频中将全面学习和使用Dio的操作. Flutter_swiper swiper滑动插件的使用,使用Swiper插件图片的切换效果. FLURO Flutter的路由机制很繁琐,如果是小型应用还勉强,但是真实开发我们都会使用企业级的路由机制,让路由清晰可用.视频中也会使用Fluro进行路由配置.Fluro也是目前最好的企业级Flutter路由. Flutter-go 详解常用

一个组件它往往包含了一些常见的painting, positioning和sizing这样的小部件. Container相当于我们常用的div,在Flutter中用的非常多,现在来看看Container容器中的一些属性. 1.alignment 这个属性是针对容器中的child的对其方式.我们先做一个效果:建立一个Container容器,然后让容器里面的文字内容居中对齐. 具体代码如下: import 'package:flutter/material.dart'; void main() =>

俗话说知己知彼百战百胜,如果对Flutter 里面的各种Widgets不了解,那你就别想将它们组合成你想要的效果.从今天开始.会把一个一个的widget 撸一遍..知道它大概的用法.效果.当你想做某个效果的时候.脑袋里面能第一时间想到它. Sample可以在这里找到代码 Sampe code Github Container 作为最常用的内容widget margin,padding, color(background),width,height,children 这些属性很好理解. new C

1. Flutter 是什么? Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. 2. Flutter 特性有哪些? 快速开发(毫秒级热重载) 绚丽UI(内建漂亮的质感设计Material Design和Cupertino Widget和丰富平滑的动画效果和平台感知) 响应式(Reactive,用强大而灵活的AP

   小菜昨天刚学习了一下底部状态栏 BottomNavigationBar 的基本使用方法,今天学习一下 ListView 的基本用法.       小菜觉得 Flutter 中 ListView 这个控件很强大,它兼顾了 Android 中的 ScrollView 和 ListView 两个控件的效果,既可以当列表用也可以充当可滑动布局.小菜今天主要测试作为普通列表时的基本用法. 效果图1.jpg 列表 item -> ListTile Flutter 很贴心的提供了一种常见的列表 item

The Dart Analyzer 这个工具帮助你分析代码,发现可能的错误. 运行命令行 终端进入flutter工程所在目录,执行flutter analyze 使用IntelliJ IDEA Dart Observatory dart语句级单步调试器和分析器 运行命令行 终端进入flutter工程所在目录,执行flutter run命令运行app,运行的时候,在控制台可以看到一个Observatory URL(如http://127.0.0.1:8100/),我们可以通过浏览器打开,直接用语句

Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下 RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自StatelessWidget 我们先来看看MaterialButton中的属性

Flutter控件本身通常由许多小型.单用途的控件组成,结合起来产生强大的效果,例如,Container是一种常用的控件,由负责布局.绘画.定位和大小调整的几个控件组成,具体来说,Container是由LimitedBox.ConstrainedBox. Align.Padding.DecoratedBox和Transform控件组成,而不是将Container子类化来产生自定义效果,您可以用这种新颖的方式组合这些以及其他简单的控件. 类的层次结构是扁平的,以最大化可能的组合数量. 在写应用程序