Flutter
過愙2015
这个作者很懒,什么都没留下…
展开
-
Flutter 之 ListView
在 Flutter 中,ListView 可以沿一个方向(垂直或水平方向)来排列其所有子 Widget,常被用于需要展示一组连续视图元素的场景ListView 构造方法ListView:仅适用于列表中含有少量元素的场景ListView.build:适用于子 Widget 比较多的场景ListView.separated:适用于需要设置分割线的场景构造方法名特点使用场景...原创 2019-11-24 21:37:54 · 1214 阅读 · 0 评论 -
Flutter 之基本控件
Flutter 中有很多 UI 控件,而文本、图片和按钮是 Flutter 中最基本的控件,构建视图基本上都要使用到这三个基本控件文本控件文本是视图系统中的常见控件,用于显示一段特定样式的字符串,在 Flutter 中,文本展示是通过 Text 控件实现的Text 支持的文本展示类型单一样式的文本 Text混合样式的富文本 Text.rich单一样式的文本 Text控制整体...原创 2019-11-03 21:18:33 · 911 阅读 · 0 评论 -
Flutter 之页面切换(命名路由)
命名路由之前的文章介绍过基本路由,使用基本路由相对简单灵活,适用于应用中页面不多的场景。而在应用中页面比较多的情况下,再使用基本路由,会导致大量的重复代码,此时使用命名路由会非常方便路由命名即给页面起个名字,然后直接通过页面名字即可打开该页面要通过名字来指定打开的页面,必须先给应用程序 MaterialApp 提供一个页面名称映射规则,即路由表 routes路由表实际上是一个 Map,其中...原创 2019-10-20 12:07:07 · 604 阅读 · 0 评论 -
Flutter 之页面切换(基本路由)
一个应用程序通常由多个页面组成,而统一管理页面之间跳转的机制通常被称为路由管理或导航管理路由管理在 Flutter 中,页面之间的跳转是通过 Route 和 Navigator 来管理的Route:页面的抽象,主要负责创建对应的界面、接收参数、响应 Navigator 打开和关闭Navigator:维护一个路由栈来管理 Route,Route 打开即入栈,Route 关闭即出栈,还可以直...原创 2019-10-06 17:37:10 · 865 阅读 · 0 评论 -
Flutter 之 APP 生命周期
State 的生命周期,定义了 Widget 的加载到构建的全过程,可以利用其回调机制根据 Widget 的状态选择合适的时机做合适的事情。而 APP 的生命周期,则定义了 APP 从启动到退出的全过程如果想在对应的 APP 的生命周期事件中做相应的处理,比如 APP 从后台进入前台、从前台退到后台,或是在 UI 绘制完后做一些处理,则可以应用 WidgetsBindingObserver 类来...原创 2019-09-22 16:59:49 · 1143 阅读 · 0 评论 -
Flutter之 State 生命周期
State 的生命周期,指的是在用户参与的情况下,其关联的 Widget 所经历的,从创建到显示,再到更新最后到停止,直至销毁等各个阶段不同的阶段涉及到特定的任务处理State 的生命周期流程如下图所示由图可知:State 的生命周期可以分为三个阶段:创建(插入视图树)、更新(在视图树中存在)、销毁(从视图树中移除)创建State 初始化时会依次执行:构造方法 -> initState...原创 2019-09-15 20:56:35 · 1572 阅读 · 0 评论 -
Flutter之StatefulWidget与StatelessWidget
Flutter中一切皆WidgetWidget是组件视觉效果的封装,是UI界面的载体,而build方法则是Flutter框架构建UI界面的实现在build方法中,通常会通过对基础Widget进行相应的UI配置,或是组合各类基础Widget的方式进行UI的定制化操作。StatefulWidget和StatelessWidget是Widget的两个子类StatelessWidgetFlutt...原创 2019-09-07 17:13:36 · 1002 阅读 · 0 评论 -
Flutter之常用库汇总
整理了部分常用的三方库,包含如下库:网络请求库,图片加载、处理库,UI相关库,事件传递及消息处理库,存储相关库,编解码库,二维码库等,后续会添加更多常用三方库网络请求http0.12.0 2https://pub.dev/packages/httphttps://github.com/dart-lang/http该软件包包含一组高级函数和类,可以轻松使用HTTP资源。它独立于平台,...原创 2019-09-01 16:45:39 · 1163 阅读 · 0 评论 -
Flutter系列之Widget
一、Flutter的核心原则Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具一切皆为widget那么,什么是widget呢?Widget是Flutter功能的抽象描述,是视图的配置信息,同样也是数据的映射,是Flutter开发框架中最基本的概念。与其他将视图(View)、控制器(Controller)、活动(Activity)、应用(App...原创 2019-08-25 15:59:38 · 682 阅读 · 0 评论 -
Flutter 系列之Dart语言概述
Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧一、Dart语言之初体验Dart可以在编译器(Android Studio)、命令行(前提是安装了Dart SDK)及网页repl.it中调试编译,由于本次内容比较简单,我们直接在网页中调试编译即可。我们定义一个输...原创 2019-08-11 22:26:56 · 186 阅读 · 0 评论 -
Flutter系列之Dart函数、类与运算符
编程语言虽然千差万别,但归根结底,设计思想无非是表示信息与处理信息在Flutter系列之Dart语言概述中已经介绍了Dart如何表示信息,本篇将介绍Dart是如何处理信息的作为一门真正面向对象的编程语言,Dart将处理信息的过程抽象为了对象,而函数、类与运算符则是抽象中最重要的手段函数函数是一段用来独立完成某个功能的代码片段,而Dart中所有类型都是对象类型,函数也不例外,即函数也是对象,...原创 2019-08-19 17:32:05 · 767 阅读 · 0 评论 -
Flutter系列之在 macOS 上安装和配置 Flutter 开发环境
本文为Flutter开发环境在macOS下安装全过程:一、系统配置要求想要安装并运行 Flutter,你的开发环境需要最低满足以下要求:操作系统:macOS(64位)磁盘空间:700 MB(不包含 IDE 或其余工具所需要的磁盘空间)命令工具:Flutter 需要你的开发环境中已经配置了以下命令行工具。bashcurlgit 2.xmkdirrmunzipwhi...原创 2019-08-06 23:02:02 · 331 阅读 · 0 评论