Flutter
-
Flutter工作中常见的功能点技术汇总
Flutter沉浸式状态栏void main() { runApp(MyApp()); if (Platform.isAndroid) { SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayS...
-
Flutter 2.0重磅发布 SDK秒下载
Flutter更新挺快的，作为谷歌的跨平台框架，让广大开发爱好者们非常的热爱，下面供上下载地址：MacOs 2.0.3 版本: https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_2.0.3-stable.zipWindows 2.0.3 版本：https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_wi...
-
Flutter UI布局实战- LimitedBox、Offstage、OverflowBox、SizedBox详解
1. LimitedBoxA box that limits its size only when it's unconstrained.1.1 简介LimitedBox，通过字面意思，也可以猜测出这个控件的作用，是限制类型的控件。这种类型的控件前面也介绍了不少了，这个是对最大宽高进行限制的控件。1.2 布局行为LimitedBox是将child限制在其设定的最大宽高中的，但是这个限定是有条件的。当LimitedBox最大宽度不受限制时，child的宽度就会受到这个最大宽度的限制，同理高度。1.3 继承关系...
-
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 控件，比如...