flutter

#flutter#

已有6人关注此标签

内容分类

老孟_

《Flutter 动画系列一》25种动画组件超全总结

动画运行的原理 任何程序的动画原理都是一样的,即:视觉暂留,视觉暂留又叫视觉暂停,人眼在观察景物时,光信号传入大脑神经,需经过一段短暂的时间,光的作用结束后,视觉形象并不立即消失,这种残留的视觉称“后像”,视觉的这一现象则被称为“视觉暂留”。

老孟_

Flutter 强大的MediaQuery控件

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 MediaQuery 通常情况下,不会直接将MediaQuery当作一个控件,而是使用MediaQuery.of获取当前设备的信息,用法如下: var data = MediaQuery.of(context); 此方式必须放在MediaQuery作用域内,否则会抛出异常,MaterialApp和WidgetsApp都引入了MediaQuery,并且随着屏幕的变化而导致重建,比如旋转屏幕、弹出输入框等。

阿策~

Flutter 67: 图解基本约束 Box (二)

0 基础学习 Flutter,第六十七步:学习基础约束 Box (二)!

阿策~

Flutter 81: 图解 Android Native 集成 FlutterBoost 小尝试 (三)

0 基础学习 Flutter,第八十一步:解决接入 FlutterBoost 时遇到第小问题 (二)!

老孟_

Flutter 使用阿里巴巴icon库

在Flutter默认创建的项目中可以使用系统Material图标,在pubspec.yaml文件中使用图标设置如下: flutter: uses-material-design: true 系统图标如下: 如果这里面没有我们想要的图标如何处理呢?这时可以使用第三方图标库,下面以阿里巴巴的图标库为例。

阿策~

Flutter 80: 初识 Flutter Stream (一)

0 基础学习 Flutter,第八十步:学习一下基础 Flutter Stream!

老孟_

还记得第一个看到的Flutter组件吗?

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 MaterialApp 在学习Flutter的过程中我们第一个看见的控件应该就是MaterialApp,毕竟创建一个新的Flutter项目的时候,...

老孟_

Flutter 裁剪类组件 最全总结

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ClipRect ClipRect组件使用矩形裁剪子组件,通常情况下,ClipRect作用于CustomPaint 、 CustomSingleC...

老孟_

Flutter 拖拽排序组件 ReorderableListView

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。

阿策~

Flutter 79: 图解 Android Native 集成 FlutterBoost 小尝试 (二)

0 基础学习 Flutter,第七十九步:解决接入 FlutterBoost 时遇到的小问题!

老孟_

一篇带你看懂Flutter叠加组件Stack

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 Stack Stack组件可以将子组件叠加显示,根据子组件的顺利依次向上叠加,用法如下: Stack( children: <Widget>[...

老孟_

Flutter Widgets 对话框-Dialog

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 当应用程序进行重要操作时经常需要用户进行2次确认,以避免用户的误操作,比如删除文件时,一般会弹出提示“是否要删除当前文件”,用户点击确认后才会进行删除操作,这时我们可以使用提示框(AlertDialog或者CupertinoAlertDialog)。

老孟_

Flutter Widgets 之 SnackBar

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序有时候需要弹出消息提示用户,比如‘网络连接失败’、‘下载成功’等提示,就像Android等Toast,在Flutter中使用SnackBar组件,用法如下: Scaffold.

老孟_

Flutter Widgets 之 RichText

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 应用程序离不开文字的展示,因此文字的排版非常重要,通常情况下Text组件可以完成绝大多数需求,它可以显示不同大小的文字、字体、颜色等,如果想在一句话或者一段文字里面显示不同样式的文字,Text组件无法满足我们的需求,这个时候需要使用RichText 。

老孟_

Flutter Widgets 之 ListWheelScrollView

注意:无特殊说明,Flutter版本及Dart版本如下: Flutter版本: 1.12.13+hotfix.5 Dart版本: 2.7.0 基础用法 在展示大量数据的时候我们第一会想到使用ListView,如果你觉得ListView比较单一、枯燥,你可以使用ListWheelScrol...

老孟_

Flutter Widgets 之 ShaderMask

ShaderMask可以让我们将Shader用于任何一个控件上,比如在Text上使用渐变就可以使用ShaderMask来实现: ShaderMask( shaderCallback: (Rect bounds) { return RadialGradient( center: Alignment.