2018年07月_duo_shine

原创 Flutter的菜鸟教程二十四:Flutter和原生平台交互

本文将学习和原生平台交互,我们通过一个小案例来演示和Android平台的交互 ios? 你让我用window10演示ios?MethodChannel：用于使用异步方法调用与平台插件通信的通道 “samples.flutter.io/battery” 为通道标识，名称相同的通道会干扰彼此的通信其他的注释应该说的清楚了import 'dart:async';/** *使用...

2018-07-30 10:37:23 14373 8

原创 Flutter的菜鸟教程二十三:http

本文将学习一个新内容 http 这个炒鸡感兴趣吧？使用http我们需要添加插件 http: ^0.11.3+16 这个写法的意思就是 >=0.11.19 <0.12.0 这里我们使用和风天气的API接口来做测试,因为最后我们的天气预报demo也是使用这个api,比较简单实现效果点击按钮通过http请求实况天气,并显示请求结果, 效果如下: main.d...

2018-07-30 10:23:47 1967

原创 Flutter的菜鸟教程二十二:Opacity

基于上篇文章(动画),扩展一个小知识，wdiget的删除和添加更好的实现方式:Opacity,通过Opacity的透明度值来控制 widget显示和隐藏这比在树中删除和添加widget效率更高,包括material提供的字体属性 /** *wdiget的删除和添加更好的实现方式包括material提供的字体属性 */import 'package:flutter/materi...

2018-07-30 09:51:41 2674

原创 Flutter的菜鸟教程二十一:动画-并行动画

本文开始学习Flutter动画渲染动画AnimatedWidget简化监视动画的过程（根据动画的状态例如启动停止和翻转方向）用AnimatedBuilder重构并行动画/** * 动画实例5 并行动画 */import 'package:flutter/material.dart';import 'package:flutter/animation.dart'...

2018-07-30 09:47:47 3209 2

原创 Flutter的菜鸟教程二十:动画-用AnimatedBuilder重构

本文开始学习Flutter动画渲染动画AnimatedWidget简化监视动画的过程（根据动画的状态例如启动停止和翻转方向）用AnimatedBuilder重构并行动画/** * 动画实例4-用AnimatedBuilder重构 */import 'package:flutter/material.dart';import 'package:flutter/a...

2018-07-30 09:45:35 3290 2

原创 Flutter的菜鸟教程十六:输入框

本文要学习新的内容,接收用户输入/** *输入文本 */import 'package:flutter/material.dart';import 'package:flutter/animation.dart';void main() { runApp(new MaterialApp( title: "input", home: new Scaffold( ...

2018-07-29 19:59:24 7718 1

原创 Flutter的菜鸟教程十九:动画-监视动画的过程

本文开始学习Flutter动画渲染动画*AnimatedWidget简化监视动画的过程（根据动画的状态例如启动停止和翻转方向）用AnimatedBuilder重构并行动画/** * 动画实例3-监视动画的过程（根据动画的状态例如启动停止和翻转方向） */import 'package:flutter/material.dart';import 'pac...

2018-07-29 19:58:55 1992 1

原创 Flutter的菜鸟教程十七:动画-渲染动画

本文开始学习Flutter动画渲染动画 AnimatedWidget简化监视动画的过程（根据动画的状态例如启动停止和翻转方向）用AnimatedBuilder重构并行动画/** * 动画实例1 -渲染动画 */import 'package:flutter/material.dart';import 'package:flutter/animation.da...

2018-07-29 19:57:52 1545

原创 Flutter的菜鸟教程十八:动画-AnimatedWidget简化

本文开始学习Flutter动画渲染动画AnimatedWidget简化监视动画的过程（根据动画的状态例如启动停止和翻转方向）用AnimatedBuilder重构并行动画将分为五文来学习/** * 动画实例1 -渲染动画 */import 'package:flutter/material.dart';import 'package:flutter/anim...

2018-07-29 19:57:43 3351

原创 Flutter的菜鸟教程十五:跳转页面后携带数据返回(async/await)

3.跳转到下一个页面并携带数据返回本文我们实现一个在京南商城从首页跳转到购物车并选择你要买啥返回通过SnackBar来显示跳转携带返回的数据….厉害了这么长,hia hia hia(一种笑声很难模仿) 这个功能类似于Android的startActivityForResultimport 'dart:async';import 'package:flutter/material.d...

2018-07-29 19:57:34 6580 2

原创 Flutter的菜鸟教程十四:携带数据跳转页面

在上文中学习了简单的页面跳转,本文将在跳转中携带数据到下一个页面 2.跳转到下一个页面并携带数据import 'package:flutter/material.dart';import 'package:meta/meta.dart';final todos = new List<Todo>.generate( 20, (i) => ne...

2018-07-28 15:24:28 2877

原创 Flutter的菜鸟教程十三:页面跳转

本文将学习新内容,页面跳转1.跳转到下一个页面import 'package:flutter/material.dart';import 'package:meta/meta.dart';/** * 跳转到新页面并返回 */void main() { runApp(new MaterialApp( title: "Flutter", home: new Fi...

2018-07-28 15:21:02 6570

原创 Flutter的菜鸟教程十二:改变列表项的状态

本文将要学习一个列表点击添加一个删除线的效果,StatefulWidget我们将要活学活用，这在前面虽然使用了但是并没有着重介绍import 'package:flutter/material.dart';/** * 用户输入交互 */class Product { final String name; //常量构造函数其目的是让类生成的对象永远不会改变变成编译时常量 ...

2018-07-28 15:17:28 2803

原创 Flutter的菜鸟教程十一:GestureDetector(手势控制)

本文开始将学习一些交互操作了,一个应用不可能就是展示,肯定需要和用户交互本文将学习点击事件 GestureDetector, 不用说你也知道他是一个widget，他并不具有显示效果，而是检测由用户做出的手势(点击拖动和缩放) 在前面的文中我们学习过ListTitl和一些其他widget,这些widget默认也具有点击事件，还有一些iconButton等widget都具有点击事件,但是还是...

2018-07-28 15:08:52 13801

原创 Flutter的菜鸟教程十:如何控制Row/Column

本文将学习如何控制Row/Column-行/列，对于Row来说,水平方向就是主轴,垂直方向就是横轴，对于Column来说,垂直方向就是主轴,水平方向就是横轴 mainAxisAlignment/crossAxisAlignment..等如何使用这些属性来控制其子项对齐,在前面的学习中已经使用过多次了,这里单独再介绍一次这里借用官方的两张图再借用一个小案例,聚集widgets...

2018-07-28 15:05:03 3972

原创 Flutter的菜鸟教程九:GridView

本文将介绍一个新的内容 GridView,之前我们使用Container实现了一个网格效果,但只是为了学习组合widget,下面我们将通过GridView来实现网格效果这里只介绍四种方式实现网格布局，先看各实现代码,最后有完整版代码1.extent/** * 1.最常用的网格布局之extent */Widget _buildGrid1() { return new ...

2018-07-28 15:00:59 9378 3

原创 Flutter的菜鸟教程八:侧滑删除

本文将介绍一个新的内容,侧滑删除,这在列表项中应用比较广泛,他就是Dismissible，想当然是一个widget，你可以想到它肯定不止可以用在列表项中,任何一个widget作为他的子项都可以实现滑动删除，这在Android中我们通常需要自定义控件来实现,但是在Flutter中.gif太麻烦看下静态效果图,当然你可以脑补一下.直接看代码,新内容都添加了注释import 'packa...

2018-07-28 14:54:22 10547

原创 Flutter的菜鸟教程七:Card

本文将学习一个新的widget-Card,通过Card我们可以实现卡片效果,这个效果目前非常常见,本文中我们将组合上一篇学习的Stack一起实现一个卡片效果/** * Card */import 'package:flutter/material.dart';void main() { runApp(new MyApp());}class MyApp extends S...

2018-07-28 14:49:28 3714

原创 Flutter的菜鸟教程六:Stack

2018-07-28 14:43:31 3133 4

原创 Flutter的菜鸟教程五:Container

2018-07-28 14:38:54 2574

原创 Flutter的菜鸟教程四:ListView

本文学习一下列表widget，是最常见的需求在Flutter中,用ListView来显示列表项,支持垂直和水平方向展示,通过一个属性我们就可以控制其方向 1.水平的列表 2.垂直的列表 3.数据量非常大的列表 4.内置的ListTile(挺好用的)4.内置的ListTile(挺好用的),先看下这个widget,在下面的listView中将直接使用/** * ListTil...

2018-07-27 18:13:55 22332 2

原创 Flutter的菜鸟教程三:Row/Column布局

本文将实现一个MatrtialApp,将更熟悉Flutter的布局机制如何工作,如何垂直和水平布局widget,如何组合widget组成更复杂的widget1.准备工作,可以看到我们的效果图上有显示img,所以我们需要做一些准备工作这样我们的准备工作做完了，当然你可以使用你自己的图片先看下运行效果:下面开始撸，为了便于理解,整体将分为几部分实现，最后组合即可...

2018-07-27 18:03:59 15718 5

原创 Flutter的菜鸟教程二:最简单的MaterialApp

在上一篇中我们第一个应用显示出来很丑有没有？本篇将显示一个materialAppimport 'package:flutter/material.dart';void main() { /** * runApp函数将根控件显示在屏幕上 */ runApp(new MaterialApp( title: "我的应用",// 使用主题更改Ui the...

2018-07-27 17:54:12 11027 5

原创 Flutter的菜鸟教程一:第一个Flutter应用

Flutter是什么？跨平台(Android/ios)构建移动应用程序的简单高效方式Flutter核心只有一层轻量的C/C++代码，而上层使用了Dart语言(一种现代的、简洁的、面向对象的语言-ps:我没学直接当java来用了。。。),更多了解Flutter可以去官网,包括安装Flutter的开发环境,为什么不从安装开发环境开始？我在学习Flutter的过程中发现只要baidu输入Fl...

2018-07-27 17:45:45 37162 3

duo_shine的博客