文件列表:

SUMMARY.md (6259, 2020-01-06)
_book (0, 2020-01-06)
_book\chapter2 (0, 2020-01-06)
_book\chapter2\index.html (45901, 2020-01-06)
_book\favicon.ico (5430, 2020-01-06)
_book\gitbook (0, 2020-01-06)
_book\gitbook\fonts (0, 2020-01-06)
_book\gitbook\fonts\fontawesome (0, 2020-01-06)
_book\gitbook\fonts\fontawesome\FontAwesome.otf (124988, 2020-01-06)
_book\gitbook\fonts\fontawesome\fontawesome-webfont.eot (76518, 2020-01-06)
_book\gitbook\fonts\fontawesome\fontawesome-webfont.svg (391622, 2020-01-06)
_book\gitbook\fonts\fontawesome\fontawesome-webfont.ttf (152796, 2020-01-06)
_book\gitbook\fonts\fontawesome\fontawesome-webfont.woff (90412, 2020-01-06)
_book\gitbook\fonts\fontawesome\fontawesome-webfont.woff2 (71896, 2020-01-06)
_book\gitbook\gitbook-plugin-fontsettings (0, 2020-01-06)
_book\gitbook\gitbook-plugin-fontsettings\fontsettings.js (6447, 2020-01-06)
_book\gitbook\gitbook-plugin-fontsettings\website.css (8596, 2020-01-06)
_book\gitbook\gitbook-plugin-highlight (0, 2020-01-06)
_book\gitbook\gitbook-plugin-highlight\ebook.css (2865, 2020-01-06)
_book\gitbook\gitbook-plugin-highlight\website.css (31446, 2020-01-06)
_book\gitbook\gitbook-plugin-livereload (0, 2020-01-06)
_book\gitbook\gitbook-plugin-livereload\plugin.js (327, 2020-01-06)
_book\gitbook\gitbook-plugin-lunr (0, 2020-01-06)
_book\gitbook\gitbook-plugin-lunr\lunr.min.js (15005, 2020-01-06)
_book\gitbook\gitbook-plugin-lunr\search-lunr.js (1616, 2020-01-06)
_book\gitbook\gitbook-plugin-search (0, 2020-01-06)
_book\gitbook\gitbook-plugin-search\lunr.min.js (15005, 2020-01-06)
_book\gitbook\gitbook-plugin-search\search-engine.js (1268, 2020-01-06)
_book\gitbook\gitbook-plugin-search\search.css (974, 2020-01-06)
_book\gitbook\gitbook-plugin-search\search.js (6368, 2020-01-06)
_book\gitbook\gitbook-plugin-sharing (0, 2020-01-06)
_book\gitbook\gitbook-plugin-sharing\buttons.js (2875, 2020-01-06)
_book\gitbook\gitbook.js (105401, 2020-01-06)
_book\gitbook\images (0, 2020-01-06)
_book\gitbook\images\apple-touch-icon-precomposed-152.png (4817, 2020-01-06)
_book\gitbook\images\favicon.ico (4286, 2020-01-06)
_book\gitbook\style.css (52701, 2020-01-06)
... ...

# 介绍 ## 什么是FlutterBook? 这里是Flutter所有Widget的中英文介绍以及使用教程,通过Flutter WEB实现Flutter的动态交互可视化,并提供了源码供参考。 让它成为初学者入门的教程,让它成为开发者参考手册,增加开发者的用户体验,提升开发效率。 线上地址:[https://chunpengliu.github.io/flutterbook/SUMMARY](https://chunpengliu.github.io/flutterbook/SUMMARY) ## 什么是Flutter? Flutter是谷歌的移动UI框架,可以快速在iOS和Android以及WEB上构建高质量的用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。 ## 示例 > ## AnimatedContainer >### 描述 A container that gradually changes its values over a period of time. 在一段时间内逐渐改变其值的容器。只要container有值发生了变化,那么 AnimatedContainer 就会自动设置插值属性来改变值实现动画效果。 >### 构造函数 ```javascript AnimatedContainer({ Key key, this.alignment, this.padding, Color color, Decoration decoration, this.foregroundDecoration, double width, double height, BoxConstraints constraints, this.margin, this.transform, this.child, Curve curve = Curves.linear, @required Duration duration, Duration reverseDuration, }) ``` >### 视频介绍 *注:如不能显示,请查看在线地址 >### 示例 *注:如不能显示,请查看在线地址 >### 主要代码 ```javascript class _HomeState extends State { bool selected = false; _HomeState(){ Timer.periodic(Duration(seconds: 2), (timer) { setState(() { selected = !selected; }); }); } @override Widget build(BuildContext context) { return GestureDetector( child: Center( child: AnimatedContainer( width: selected ? 200.0 : 100.0, height: selected ? 100.0 : 200.0, color: selected ? Colors.red : Colors.blue, alignment: selected ? Alignment.center : AlignmentDirectional.topCenter, duration: Duration(seconds: 2), curve: Curves.fastOutSlowIn, child: FlutterLogo(size: 75) ), ), ); } } ``` >点击这里查看 [源码](./widgets/animatedcontainer/web/main.dart)。 *注:如不能显示,请查看在线地址 ### 其他 由于Flutter组件数量很多且一直处于变动中,作者难免会有错误或疏漏,请联系刘春鹏(chunpengliu)更改,非常感谢。欢迎引用或者转载,无需申明,给个star即可。 源码地址:[https://github.com/chunpengliu/flutterbook](https://github.com/chunpengliu/flutterbook) 

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：