github_36850997的博客

flutter 安装步骤1 下载SDKSDK 下载地址2 解压压缩包 将sdk 文件夹丢进系统的应用程序（Application）的目录3 配置环境变量命令行 open ~/.bash_profile ，然后在bash 文件中写入下面配置export PATH=$PATH:/Applications/flutter/bin编写完毕，保存，命令行执行 source ~/....

Flutter-Swiper 插件的使用1 在pubspec.ymal 中去导入插件dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class ...

动画一 Animation在Flutter中，Animation对象本身和UI渲染没有任何关系。Animation是一个抽象类，它拥有其当前值和状态（完成或停止）。其中一个比较常用的Animation类是Animation。Flutter中的Animation对象是一个在一段时间内依次生成一个区间之间值的类。Animation对象的输出可以是线性的、曲线的、一个步进函数或者任何其他可以设计的...

MediaQuery.removePadding 移除顶部的 paddingimport 'package:flutter/material.dart';// 导入swiper 组件import 'package:flutter_swiper/flutter_swiper.dart';const APPBAR_SCROLL_OFFSET = 200;class HomePage ext...

使用http package 进行网络请求操作1 安装步骤Step1在pubspec.yaml 文件中添加依赖dependencies: http: ^0.12.0+1Step2 flutter packages getStep3导入头文件import ‘package:http/http.dart’ as http;2 使用 ...

Future表示接卸来某个时间的值或者错误，借助Future可以在flutter 总实现异步操作。其本事是dart：async 包中的一个类，使用它的时候需要导入dart:async 包，Future 有两种状态。pending 执行中completed 执行结束 ，分为两种情况，要么成功并要么失败1 异步操作 test() async{ int result = awa...

Route 和 Navigator 用于页面之间的跳转一 Navigator 的 push 和 pop 用于页面之间的跳转创建MaterialApp时可以指定routes参数，该参数是一个映射路由名称和构造器的Map跳转的时候 使用 push跳回的时候使用 popimport 'package:flutter/cupertino.dart';import 'package:flu...

事件监听1 本身支持事件检测，就可以直接使用onpress body:Center( child: RaisedButton( child: Text("Click"), onPressed: (){ print("我被Click了"); }...

ListView 的水平样式 和垂直样式1 水平列表import 'package:flutter/material.dart';const CITY_LIST = ["北京","上海","广州","深圳","南京","郑州","武汉"];void main() => runApp(MyApp());class MyApp extends StatelessWidget...

Image Widget1 flutter 加载图片的方式new Image从ImageProvider 中获取图像new Image.asset使用key 从assetBundle 获取图片Image.network从网络中获取图片Image.file从本地文件获取图片Image.memory用来加载Uint8List资源（字节数组）图片2...

获取用户的输入用TextField 或者TextFormField 的实现，通过控制器来实现获取用户的输入。1 TextField 的属性const TextField({ Key key, this.controller, this.focusNode,// 这个属性可以用来监听输入框是否获取 this.decoration = const InputDecoration(...

widget在flutter 中，几乎所有的东西都是widget，本身是用户界面的基本构建快，将widget组成一个层次结构，调用widget树。每一个窗口widget都嵌套在父窗口widget中，并且从其父窗口中继承属性。甚至应用程序对象本身也是一个组件，没有单独的应用程序对象。widget可以定义结构元素 – 按钮或者菜单文体元素 – 字体或者颜色主题类似布局的填充或对齐的一个方...

1 项目的名称android 安卓相关工程文件build 项目的构建输出目录ios ios 相关的部分工程文件lib 项目中的dart 源文件src 包含其他的源文件main.dart 自动生成的项目入口文件test 测试相关的文件pubspec.ymal 项目依赖配置文件3 归档图片资源和处理不同的分辨率assets 文件夹as...

WidgetFlutter 中的view 就是widget1 无状态和有状态的WidgetStateslessWidgets 适用于用户界面不依赖于用户的信息的时候StatesfulWidgets 有状态的，例如HTTP 网络请求或者用户交互之后收到数据动态表更新UI这就是一个无状态的WidgetText("we like bom", style: new Tex...

布局和列表1 Row 横向 布局 @override Widget build(BuildContext context) { return Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[Text("111"),Text("222"),Text("333...

1 StatelessWidget不需要状态改变的widget,它没有要管理的内部状态。Text，CircleAvator 都是其子类其传递的参数别final 修饰，不可变的无状态的widget build 方法在以下三种情况下进行调用当widget 插入到数中去当widget 父级更改配置的时候当他依赖的inheritewidget 发生变化的时候2 StatefulWid...

线程和异步的UI1 异步的使用Dart 有一个单线程执行模型，支持Isolate（一种在另外一种线程运行dart的方法）,一个事件循环和异步编程。可以使用async / await 来做网络请求不会挂起UI使用http 导入import ‘dart:io’;import ‘dart:convert’;// 加载数据dataHandle()async{ String u...

isolate由于Flutter 是单线程并且跑着一个event loop，如果在执行I/O 操作或者磁盘访问或者网络请求，可以安全的使用async / await来完成。如果让CPU 执行繁忙的计算密集型任务，导致UI的挂起，使用isolate 来进行避免阻塞event loop。isolate 是分离的运行线程，不和主线程的内存堆共享内存。这意味着你不能访问主线程中的变量，或者使用isol...

Scaffold是一个实现基本的material design 的布局结构appBar显示在界面顶部的一个 AppBarbody当前界面所显示的主要内容 WidgetfloatingActionButtonMaterial 设计中所定义的 FAB，界面的主要功能按钮persistentFooterButtons固定在下方显示的按钮，比如对话框下方的确定、取...

1 RefreshIndicator 下拉刷新控件下拉刷新的时候会回调 onRefresh 方法RefreshIndicator( onRefresh: _handleRefresh, child: ListView( children: _buildList(), ),),2 上拉加载多上拉加载更多的时候@override voi...