1
Flutter 实现酷炫的3D效果

老孟导读:此文讲解3个酷炫的3D动画效果。 下面是要实现的效果: Flutter 中3D效果是通过 Transform 组件实现的,没有变换效果的实现: class TransformDemo extends StatelessWidget { @override Widget build(Buil ...

老孟Flutter @ 2020/07/23

2
2020年20个Flutter最漂亮的UI库和项目

Best-Flutter-UI-Templates 地址:https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址:https://github.com/2d-inc/HistoryOfEve ...

老孟Flutter @ 2020/07/21

3
Flutter 快捷开发 Mac Android Studio 篇

老孟导读:此快捷方式适用于Mac下的 Android Studio 。Windows 下的快捷方式请参考这篇文章:https://juejin.im/post/5efe71365188252e7d7fd0ca 快速创建一个新的Stateless or Stateful组件 创建新的 Stateles ...

老孟Flutter @ 2020/07/16

4
Flutter 1.17 新 Material motion 规范的预构建动画

老孟导读:在 Flutter 1.17 发布大会上,Flutter 团队还发布了新的 Animations 软件包,该软件包提供了实现新的 Material motion 规范的预构建动画。 软件包 pub 地址:https://pub.dev/packages/animations Materia ...

老孟Flutter @ 2020/07/10

5
Canonical通过Flutter启用Linux桌面应用程序支持

子标题:Ubuntu团队为所有Linux发行版上的Flutter应用程序制作了一个新的基于GTK +的主机。 此文翻译自:https://medium.com/flutter/announcing-flutter-linux-alpha-with-canonical-19eb824590a9 作者: ...

老孟Flutter @ 2020/07/10

6
【Flutter 实战】动画核心

老孟导读:动画系统是任何一个UI框架的核心功能,也是开发者学习一个UI框架的重中之重,同时也是比较难掌握的一部分,下面我们就一层一层的揭开 Flutter 动画的面纱。 任何程序的动画原理都是一样的,即:视觉暂留,视觉暂留又叫视觉暂停,人眼在观察景物时,光信号传入大脑神经,需经过一段短暂的时间,光的 ...

老孟Flutter @ 2020/07/08

7
Flutter 中渐变的高级用法

Flutter 中渐变有三种: LinearGradient:线性渐变 RadialGradient:放射状渐变 SweepGradient:扇形渐变 看下原图,下面的渐变都是在此图基础上完成。 LinearGradient 给一张图片添加从上到下的线性渐变: ShaderMask( shaderC ...

老孟Flutter @ 2020/07/06

8
Flutter —快速开发的IDE快捷方式

老孟导读:这是老孟翻译的精品文章,文章所有权归原作者所有。 欢迎加入老孟Flutter交流群,每周翻译2-3篇付费文章,精彩不容错过。 原文地址:https://medium.com/flutter-community/flutter-ide-shortcuts-for-faster-develop ...

老孟Flutter @ 2020/07/03

9
Flutter vs React Native vs Native:深度性能比较

老孟导读:这是老孟翻译的付费文章,文章所有权归原作者所有。 欢迎加入老孟Flutter交流群,每周翻译2-3篇付费文章,精彩不容错过。 原文地址:https://medium.com/swlh/flutter-vs-react-native-vs-native-deep-performance-co ...

老孟Flutter @ 2020/07/02

10
【Flutter 实战】简约而不简单的计算器

老孟导读:这是 【Flutter 实战】组件系列文章的最后一篇,其他组件地址:http://laomengit.com/guide/widgets/Text.html,接下来将会讲解动画系列,关注老孟,精彩不断。 先看一下效果: 大家学习UI编程语言时喜欢用哪个 App 当作第一个练手的项目呢?,我 ...

老孟Flutter @ 2020/07/01

11
Flutter 中那么多组件,难道要都学一遍?

在 Flutter 中一切皆是 组件,仅仅 Widget 的子类和间接子类就有 350 多个,整理的 Flutter组件继承关系图 可以帮助大家更好的理解学习 Flutter,回归正题,如此多的组件到底如果学习,真的需要学习 350 多个组件? 在经济学中有一个著名的 二八定律 二八定律是意大利经济 ...

老孟Flutter @ 2020/06/30

12
【Flutter实战】自定义滚动条

老孟导读:【Flutter实战】系列文章地址:http://laomengit.com/guide/introduction/mobile_system.html 默认情况下,Flutter 的滚动组件(比如 ListView)没有显示滚动条,使用 Scrollbar 显示滚动条: Scrollba ...

老孟Flutter @ 2020/06/29

13
谈谈我对 Flutter 未来发展 和 “嵌套地狱” 的浅显看法

Flutter 未来发展 提到 Flutter 就不得不提到 Fuchsia 系统,这是一个尚未正式发布的操作的系统,引用 Android 和 Chrome 的高级副总裁 Hiroshi Lockheimer 在一档播客节目中对 Fuchsia 的介绍是: 不仅仅是手机和个人电脑,在物联网的世界里, ...

老孟Flutter @ 2020/06/24

14
【Flutter实战】定位装饰权重组件及柱状图案例

老孟导读:Flutter中有这么一类组件,用于定位、装饰、控制子组件,比如 Container (定位、装饰)、Expanded (扩展)、SizedBox (固定尺寸)、AspectRatio (宽高比)、FractionallySizedBox (占父组件比例)。这些组件的使用频率非常高,下面一 ...

老孟Flutter @ 2020/06/23

15
【Flutter实战】六大布局组件及半圆菜单案例

老孟导读:Flutter中布局组件有水平 / 垂直布局组件( Row 和 Column )、叠加布局组件( Stack 和 IndexedStack )、流式布局组件( Wrap )和 自定义布局组件(Flow)。 水平、垂直布局组件 Row 是将子组件以水平方式布局的组件, Column 是将子组 ...

老孟Flutter @ 2020/06/19

16
【Flutter实战】图片组件及四大案例

老孟导读:大家好,这是【Flutter实战】系列文章的第三篇,这一篇讲解图片组件,Image有很多高级用法,希望对您有所帮助。 图片组件是Flutter基础组件之一,和文本组件一样必不可少。图片组件包含Image和Icon两个组件,本质上Icon不属于图片组件,但其外形效果上类似于图片。 在项目中建 ...

老孟Flutter @ 2020/06/17

17
Flutter实战】文本组件及五大案例

老孟导读:大家好,这是【Flutter实战】系列文章的第二篇,这一篇讲解文本组件,文本组件包括文本展示组件(Text和RichText)和文本输入组件(TextField),基础用法和五个案例助你快速掌握。 第一篇链接:【Flutter实战】移动技术发展史 Text Text是显示文本的组件,最常用 ...

老孟Flutter @ 2020/06/11

18
【Flutter实战】移动技术发展史

老孟导读:大家好,这是【Flutter实战】系列文章的第一篇,这并不是一篇Flutter技术文章,而是介绍智能手机操作系统、跨平台技术的演进以及我对各种跨平台技术看法的文章。 智能手机操作系统 塞班(Symbian)系统 后浪们可能都没有听说过塞班系统,而很多前浪们也会诧异,塞班是智能手机操作系统吗 ...

老孟Flutter @ 2020/06/09

19
【Flutter组件终结篇】332个组件 658页PDF

老孟导读:历时1年的时间,整理完成了330+组件的详细用法,不仅包含UI组件,还包含了功能性的组件。 虽然整理了 330+的组件基本用法,但并不是让你每一个都学习一遍,任何技术基本都是掌握 20%就可以解决 80%的问题,因此只需学会基础组件就可以上手项目了,至于其他的控件只需大概浏览一下,做项目的 ...

老孟Flutter @ 2020/06/04

20
Flutter 动画鼻祖之CustomPaint

老孟导读:CustomPaint可以称之为动画鼻祖,它可以实现任何酷炫的动画和效果。CustomPaint本身没有动画属性,仅仅是绘制属性,一般情况下,CustomPaint会和动画控制配合使用,达到理想的效果。 基本用法 CustomPaint的用法非常简单,如下: CustomPaint( pa ...

老孟Flutter @ 2020/06/02