Flutter 第2页
-
Flutter UI布局实战- Flow、Table、Wrap详解
1. FlowA widget that implements the flow layout algorithm.1.1 简介Flow按照解释的那样，是一个实现流式布局算法的控件。流式布局在大前端是很常见的布局方式，但是一般使用Flow很少，因为其过于复杂，很多场景下都会去使用Wrap。1.2 布局行为Flow官方介绍是一个对child尺寸以及位置调整非常高效的控件，主要是得益于其FlowDelegate。另外Flow在用转换矩阵（transformation matrices）对child进行位置调整的时候进行...
-
Flutter UI布局实战- Stack、IndexedStack、GridView详解
1. StackA widget that positions its children relative to the edges of its box.1.1 简介Stack可以类比web中的absolute，绝对布局。绝对布局一般在移动端开发中用的较少，但是在某些场景下，还是有其作用。当然，能用Stack绝对布局完成的，用其他控件组合也都能实现。1.2 布局行为Stack的布局行为，根据child是positioned还是non-positioned来区分。对于positioned的子节点，它们的位置会根据所...
-
Flutter UI布局实战- Row、Column详解
1. RowA widget that displays its children in a horizontal array.1.1 简介在Flutter中非常常见的一个多子节点控件，将children排列成一行。估计是借鉴了Web中Flex布局，所以很多属性和表现，都跟其相似。但是注意一点，自身不带滚动属性，如果超出了一行，在debug下面则会显示溢出的提示。1.2 布局行为Row的布局有六个步骤，这种布局表现来自Flex（Row和Column的父类）：首先按照不受限制的主轴（main axis）约束条件，对f...
-
Flutter学习入门：熟悉Dart语言详解
本文是 Flutter 学习指南的第4篇，假定读者有一定的编程经验。通过快速浏览 Dart 的一些基础特性，让读者具备使用它进行开发的基本能力。变量基本类型bool done = true;int num = 2;double x = 3.14;final bool visible = false;final int amount = 100;fi...
-
用Flutter开发一个github客户端
Gitme 是Flutter中文网https://flutterchina.club/ 开发的一款github客户端，本文和大家分享一下我们使用flutter从开始设计Gitme到动手开发，再到最后上线的整个过程中的一些思考、经验、以及趟过的坑。在阅读本文前，您可以先去我们的官网安装一下Gitme ，然后再对比本文中提到的点，才会有一个清晰的认识。首先我们先来看几张gime软件截图：目标我们的目标是用flutter做一个高性能的，同时支持Android和iOS的github客户端。但是...
-
Flutter开源项目汇总
FriendlyChat - 由 Google 员工小组开发的 Offline/Firebase 聊天项目Meme Chat - 由 Google 员工团队使用 Firebase，Google登录和相机开发的聊天应用Flutter News - 由 Andres Araujo 开发的黑客资讯客户端Flitter - 由 Hadrien Lejard 和 Kevin Segaud 开发的Glitter 应用，使用了 R...
-
Flutter widgets 库解析
Flutter 框架是分层设计的 Material Design blog.chengyunfeng.com/design 设计规范开发的 Widget 库。这里的代码都位于 lib/src/material 目录下，里面包含了几乎所有 纸墨设计 规范里面定义的控件。比如 FloatingActionButton、BottomSheet 等。而 Material 层控件是建立在下面的 Widgets 层， Widgets 层定义了 Flutter 框架的基础 UI 控件，比如...
-
发布 Flutter Android 应用
应用开发完了，当然需要发布了，下面来看看用 Flutter 开发的应用如何发布，这里我们只关注 Android 版本的发布。检查 Manifest.xml前面已经说过了，当创建新项目的时候，会在 <app dir>/android/src/main/AndroidManifest.xml 创建一个默认的 App Manifest 文件。在发布之前需要确保里面的内容是正确的，下面是一些需要重点关注的内容：– application：编辑 appl...
-
Flutter使用代码模板解放双手提高开发效率必备
一、使用说明（1）不要对settings.jar文件进行任何修改,如果改坏了导入不进去或者导入之后无法正常使用，请重新下载settings.jar就可以了。（2）导入之后，如果发现快捷键无法正常使用，请看看你的AS或者IDEA的代码提示匹配设置是否正常。设置模糊匹配的步骤：Windows平台：旧版本AS：File --> Settings --> Editor --> General --> Code Completion --> 在 Case sensitive completion...
-
Flutter基础入门详解
第1章、基础入门1.1 Flutter简介1.1.1 跨平台框架的发展历史详情请看我之前写的博客 安卓开发方式的进化之路这里就以一张图简单的讲一下：跨平台框架的发展历史Flutter是基于Dart语言编写的。主要优点：免费开源利用保持状态的热重载（Hot Reload）、全新的响应式框架、丰富的控件以及集成的开发工具这些特点进行快速开发。Flutter具有热重载（Hot Reload）功能，我们编写代码时可以实时更新我们的代码而不需要重启我们的应用，大大减少了编译时间，提高了效率。通过可组合的控件集合、丰富的动画库...
