![](https://img-blog.csdnimg.cn/20200227123808105.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter
文章平均质量分 54
Flutter是Google推出的跨平台框架,可以通过Dart快速开发支持安卓、iOS,通过最新的Flutter Web还可以支持Web。
W1nt3rs
SAP technology.
展开
-
Flutter学习笔记10 (Json解析以及从网络获取数据并显示)
一、Json的解析首先看官方文档的介绍:https://flutter.io/json/中文大家可能叫做Json的序列化和反序列化。因为现在的API大多是Restful,json格式的,所以这也是最常用到的技术了。Flutter里一般来说有两种方法,第一个就是最简单的手工来解析,适合简单的小app或demo演示。1)一个localjson文件解析的小例子:https:/...原创 2018-08-10 21:30:37 · 5056 阅读 · 0 评论 -
Flutter学习笔记9 (ListView Widget)
ListView是Flutter里最常用的Widget了,当屏幕放不下的时候,它可以自带滚动功能。用法也很简单,又回来仔细看了一下ListView的API和设计。ListView不仅可以显示一组数据,也可以显示不同类型的列表。另外,也可以当成一个可以滚动的Column来使用。大部分主界面、详细界面都可以用到它。使用方法可以参照官方文档:https://docs.flutter.i...原创 2018-08-10 21:05:46 · 559 阅读 · 0 评论 -
Flutter学习笔记8 (Card Widget)
之前快速过了一些Flutter里的主要概念。现在我花时间细看了一些Flutter里的UI组件,最常用的就是List和Card。选择最合适的组件和颜色,让用户对app感到愉悦,就是好的设计。Google的设计语言是Material Design,质感的设计,将打印材料的理念科幻一般的放入了小小的移动屏幕中。非常值得仔细阅读和学习,对于最佳实践和不好的设计,都会有一些例子。比如Ca...原创 2018-08-10 20:25:34 · 1425 阅读 · 1 评论 -
Flutter学习笔记7 (数据传递)
之前学习了Widget, Layout,网络异步。今天了解一下Flutter app里UI之间的数据是如何传递的。第一种方法最简单,就是简单的app,简单的页面导航,可以直接通过构造函数。比如有两个页面,从Master Page到Detail Page,数据是一个变量title。可以把Detail页面的构造函数中增加title这个参数,在从Master路由到Detail时直接赋值即...原创 2018-08-02 14:19:10 · 3642 阅读 · 0 评论 -
Flutter学习笔记6 (模仿链家首页)
用半小时时间模仿链家首页做了一个UI,代码也就200行左右,非常高效。编写思路很简单:主要是两个部分:首先第一部分是下面的NavigationBar。第二部分是页面,页面内容:第1段是一个背景图片。第2段是10个按钮,由图标和名字组成,一共两行。第3段是一行,包含一个图片和一列文字。第4段是4张卡片。运行效果图:8Plus: ...原创 2018-07-30 09:12:52 · 1416 阅读 · 1 评论 -
Flutter学习笔记5 (网络与异步)
继续学习Flutter。几天下来,最大的感受是,Flutter确实是一个非常优秀的新技术,不仅有趣,而且值得你花时间研究学习,前景应该不错。之前了解了Flutter的基本用法、Widget、Layout,这些都是UI界面。下一步当然就是连接后台的网络和异步调用了。这篇官方文章写得非常不错:https://flutter.io/flutter-for-ios/帮助iOS的程序员更快的去理...原创 2018-07-26 22:14:21 · 1931 阅读 · 0 评论 -
Flutter学习笔记4 (交互)
然后是Flutter里的交互(Interactive)。这里有几个知识点:1) Stateless Widget和Stateful Widget2) 自定义Widget首先完成了官方教程:https://flutter.io/tutorials/interactive/接着上一个Layout的练习,按星星就会取消收藏,数字减一。由41变为40。大致的实现思路就是将图标写成一...原创 2018-07-22 15:44:46 · 589 阅读 · 0 评论 -
Flutter学习笔记3 (Layout)
今天跟着Flutter官方教程关于Layout的教程做了一遍。这个例子非常不错。https://flutter.io/tutorials/layout现在对于Flutter的Layout有了一定的了解。Swift是通过图形化界面或者代码来进行布局,而Flutter的layout比较像做网页,是按照前端的思路来设计的,感觉更加简单,也很有意思。Flutter的Layout很多概念和W...原创 2018-07-22 14:31:47 · 603 阅读 · 0 评论 -
Flutter学习笔记2 (创建第一个APP)
用半个小时完成了这个完整的例子。https://flutter.io/get-started/codelab/建了一个可以交互的列表,最后添加了导航。通过这个例子,感受了一下Flutter应用的大致方式。Hot reload特性,快速开发调试。Widget,所有看到的东西都是Widget。分为Stateless和Stateful,如果需要交互修改状态,那么就是Stateful...原创 2018-07-21 13:42:52 · 491 阅读 · 0 评论 -
Flutter学习笔记1 (Hello World)
Flutter是Google新推出的一个框架,致力于快速开发出支持多个平台的漂亮手机应用。这确实也是开发人员长期以来所拥有的一大痛点。对于这个问题,之前也有不少解决方案,比如基于HTML5的Codovar ,以及Facebook的React Native。但是都会有各种各样的问题。网页代码显示总会不太自然,RN的维护开发后期比较困难。这次Google的Flutter有不少亮点,它是通过Goog...原创 2018-07-21 11:33:23 · 716 阅读 · 0 评论