51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
# Flutter

《Flutter 动画系列二》Google工程师带你选择Flutter动画控件

对初学者来说，看完这篇文章，我想你脑瓜子一定是嗡嗡的，这都说的是什么啊。不要急躁，开始的我和你是一样的，第一遍看完，完全不知道在说什么，不明白不要紧，请先收藏此文章，然后先去学习下Flutter内置的25种动画组件。地址：http://laomengit.com/flutter/module/animated_1/。不要仅仅是看，要多写，只有写才能发现问题。当你对动画控件有了一定的了解，在回过头来

Flutter
原创 2020-04-03 20:21:25 382 阅读

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

动画运行的原理任何程序的动画原理都是一样的，即：视觉暂留，视觉暂留又叫视觉暂停，人眼在观察景物时，光信号传入大脑神经，需经过一段短暂的时间，光的作用结束后，视觉形象并不立即消失，这种残留的视觉称“后像”，视觉的这一现象则被称为“视觉暂留”。电影就是依靠视觉暂留，在感官上电影是连续的。使动画有流畅的感觉，帧率至少要达到24帧，即：每秒播放24个图像，因此动画有一个非常关键的性能参数FPS（Frame

Flutter
原创 2020-04-02 19:51:15 726 阅读

Flutter 强大的MediaQuery控件

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件，而是使用MediaQuery.of获取当前设备的信息，用法如下：vardata=MediaQuery.of(context);此方式必须放在MediaQuery作用域内，否则会抛出异常，Mat

Flutter
MediaQuery
原创 2020-03-30 20:46:44 589 阅读

Flutter 使用阿里巴巴icon库

在Flutter默认创建的项目中可以使用系统Material图标，在pubspec.yaml文件中使用图标设置如下：flutter:uses-material-design:true系统图标如下：如果这里面没有我们想要的图标如何处理呢？这时可以使用第三方图标库，下面以阿里巴巴的图标库为例。查找图标并加入购物车找到自己想要的图标后，将鼠标放置到图标上，加入购物车，如下图：点击右上角的购物车，然后点击

Flutter
原创 2020-03-27 20:56:06 1026 阅读

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

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0MaterialApp在学习Flutter的过程中我们第一个看见的控件应该就是MaterialApp，毕竟创建一个新的Flutter项目的时候，项目第一个组件就是MaterialApp，这是一个Material风格的根控件，基本用法如下：MaterialApp(hom

Flutter
原创 2020-03-21 17:11:37 283 阅读

你知道吗，Flutter内置了10多种show

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0showDialogshowDialog用于弹出Material风格对话框，基本用法如下：showDialog(context:context,builder:(context){returnAlertDialog(...);});效果如下：builder通常返回Di

Flutter
原创 2020-03-19 20:12:03 957 阅读

Flutter 日期时间选择类控件及国际化

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0DatePickerFlutter并没有DatePicker这个控件，需要使用showDatePicker方法弹出日期选择控件，基本用法如下：RaisedButton(onPressed:()async{varresult=awaitshowDatePicker(co

Flutter
DatePicker
原创 2020-03-16 20:24:31 3725 阅读

你知道吗，Flutter内置了10多种Button控件

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。RaisedButtonRaisedButton是一个material风格”凸起“的按钮，基本用法：RaisedButton(child:Text('Button'

Android
Flutter
Button
原创 2020-03-15 19:49:12 708 阅读

Flutter Form表单控件超全总结

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0Form、FormField、TextFormField是表单相关控件，类似于H5中form。FormFieldFormField是一个表单控件，此控件包含表单的状态，方便更新UI，通常情况下，我们不会直接使用FormField，而是使用TextFormField。T

Flutter
Form
原创 2020-03-14 17:43:56 1508 阅读

Flutter 裁剪类组件 最全总结

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0ClipRectClipRect组件使用矩形裁剪子组件，通常情况下，ClipRect作用于CustomPaint、CustomSingleChildLayout、CustomMultiChildLayout、Align、Center、OverflowBox、Sized

Android
Flutter
原创 2020-03-12 21:11:26 1626 阅读

Flutter 拖拽控件Draggable看这一篇就够了

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0Draggable系列组件可以让我们拖动组件。DraggableDraggable组件有2个必须填写的参数，child参数是子控件，feedback参数是拖动时跟随移动的组件，用法如下：Draggable(child:Container(height:100,widt

android
flutter
原创 2020-03-10 21:17:38 930 阅读

Flutter 拖拽排序组件 ReorderableListView

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0ReorderableListView是通过长按拖动某一项到另一个位置来重新排序的列表组件。ReorderableListView需要设置children和onReorder属性，children是子控件，onReorder是拖动完成后的回调，用法如下：List<

Flutter
Android
原创 2020-03-07 21:30:03 1508 阅读

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

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

Flutter
原创 2020-03-06 20:51:50 1069 阅读

全网最详细的一篇Flutter 尺寸限制类容器总结

Flutter中尺寸限制类容器组件包括ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio、FractionallySizedBox、LimitedBox、Container。这些组件可以约束子组件的尺寸，下面一一介绍。ConstrainedBoxConstrainedBox组件约束子组件的最大宽高和最小宽高，假如一个组件宽高都是300，包裹在C

android
flutter
原创 2020-03-05 20:33:21 2829 阅读

Flutter DataTable 看这一篇就够了

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0DataTableDataTable控件显示表格数据，DataTable需要设置行和列，用法如下：DataTable(columns:[DataColumn(label:Text('姓名')),DataColumn(label:Text('年龄')),],rows:[

Flutter
DataTable
表格
原创 2020-03-04 20:29:36 1234 阅读

Flutter Widgets 之 SnackBar

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

Flutter
原创 2020-03-01 18:15:39 682 阅读

Flutter Widgets 之 RichText

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

Flutter
RichText
原创 2020-03-01 15:03:01 333 阅读

Flutter Widgets 之 ListWheelScrollView

注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本：1.12.13+hotfix.5Dart版本：2.7.0基础用法在展示大量数据的时候我们第一会想到使用ListView，如果你觉得ListView比较单一、枯燥，你可以使用ListWheelScrollView，ListWheelScrollView和ListView同源，但它的渲染效果类似于车轮（或者滚筒），它不是在平面

flutter
ListWheelScrollView
原创 2020-02-29 21:56:47 1538 阅读

Flutter Widgets 之 ShaderMask

ShaderMask可以让我们将Shader用于任何一个控件上，比如在Text上使用渐变就可以使用ShaderMask来实现：ShaderMask(shaderCallback:(Rectbounds){returnRadialGradient(center:Alignment.topLeft,radius:1.0,colors:<Color>[Colors.yellow,Colors

Flutter
ShaderMask
原创 2020-02-29 21:07:49 570 阅读

Flutter Widgets 之 ShaderMask

ShaderMask可以让我们将Shader用于任何一个控件上，比如在Text上使用渐变就可以使用ShaderMask来实现：ShaderMask(shaderCallback:(Rectbounds){returnRadialGradient(center:Alignment.topLeft,radius:1.0,colors:<Color>[Colors.yellow,Colors

Flutter
ShaderMask
原创 2020-02-29 21:07:39 717 阅读

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯