自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

老孟Flutter

出版《Flutter 实战入门》一书,专注分享Flutter原理及实践应用,个人博客地址:http://laomengit.com

  • 博客(13)
  • 资源 (2)
  • 收藏
  • 关注

原创 Flutter 使用Navigator进行局部跳转页面

老孟导读:Navigator组件使用的频率不是很高,但在一些场景下非常适用,比如局部表单多页填写、底部导航一直存在,每个tab各自导航场景。Navigator 是管理路由的控件,通常情况下直接使用Navigator.of(context)的方法来跳转页面,之所以可以直接使用Navigator.of(context)是因为在WidgetsApp中使用了此控件,应用程序的根控件通常是MaterialApp,MaterialApp包含WidgetsApp,所以可以直接使用Navigator的相关属性。N..

2020-05-27 06:52:45 3418

原创 Flutter “孔雀开屏”的动画效果

老孟导读:今天分享一个类似“孔雀开屏”的动画效果,打开新的页面时,新的页面从屏幕右上角以圆形逐渐打开到全屏。先来看下具体的效果不知道这种效果大家叫什么名字?如果有更合适的名字可以在评论处告诉我,下面来说下如何实现此效果。在使用Navigator进入一个新的页面时,通常用法如下:Navigator.of(context).push(MaterialPageRoute( builder: (context){ return PageB(); }));MaterialPageR..

2020-05-24 19:50:14 1526

原创 Flutter仿掘金点赞效果

老孟导读:今天分享一下如何实现掘金点赞效果,这不仅仅是一篇技术文章,还是一篇解决问题思路的文章,遇到一个需求时,如何拆分需求,然后一步一步实现,这个过程比单纯的技术(此文)更有含金量。先来看一下掘金点赞的效果:说点题外话,感谢一下二哥(沉默王二 ),给了我很多建议和帮助,公众号搜索沉默王二即可关注。遇到组合动画效果时,首先拆分一下这个动画,以掘金点赞效果为例,共分为3个动画效果:小手图标改变颜色并且缩放一下。圆环由粗变细,透明度逐渐变为0。最外圈小点点透明度逐渐变为0。拆分好了之后..

2020-05-20 21:06:05 1687 1

原创 超过百万的StackOverflow Flutter 问题-第二期

老孟导读:一个月前分享的《超过百万的StackOverflow Flutter 问题-第一期》受到很多朋友的喜欢,非常感谢大家的支持,在文章末尾有第一期的链接,希望此文能对你有所帮助。No connected devices这个问题估计大部分都遇到过,解决方法如下:执行flutter doctorDoctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, v1.12.13+h..

2020-05-15 07:58:54 1344

原创 Flutter中如何使用WillPopScope

老孟导读:在Flutter中如何实现点击2次Back按钮退出App,如何实现App中多个Route(路由),如何实现Back按钮只退出指定页面,此篇文章将告诉你。WillPopScopeWillPopScope用于处理是否离开当前页面,在Flutter中有多种方式可以离开当前页面,比如AppBar、CupertinoNavigationBar上面的返回按钮,点击将会回到前一个页面,在Android手机上点击实体(虚拟)返回按钮,也将会回到前一个页面,此功能对于iOS程序员来说可能特别容易忽略。以..

2020-05-13 07:51:00 3600

原创 Flutter为什么使用Dart?

老孟导读:关于Flutter为什么使用Dart?这个话题,就像PHP是世界上最好的语言一样,争论从来没有停止过,有很多说法,比如:Google是为了推广Dart,Dart是亲儿子。Flutter团队和Dart团队相邻,沟通起来更方便。或许存在这样的考虑,但即使是亲儿子,烂泥也要能扶上墙才行啊,难道你真的觉得如此重大的决定是靠这些主观色彩决定的?不可能的,所以Dart一定是有其非常大的优势。前言在Flutter成立之初,Flutter团队评估了10多种语言,Flutter团队从四个主要维度..

2020-05-12 07:57:18 1861

原创 Flutter 标签类控件大全Chip

老孟导读:Flutter内置了多个标签类控件,但本质上它们都是同一个控件,只不过是属性参数不同而已,在学习的过程中可以将其放在放在一起学习,方便记忆。RawChipMaterial风格标签控件,此控件是其他标签控件的基类,通常情况下,不会直接创建此控件,而是使用如下控件:ChipInputChipChoiceChipFilterChipActionChip如果你想自定义标签类控件时通常使用此控件。RawChip可以通过设置onSelected被选中,设置onDeleted被删除...

2020-05-10 09:21:17 3532

原创 你真的会用Flutter日期类组件吗

Flutter系统提供了一些日期选择类组件,比如DayPicker、MonthPicker、YearPicker、showDatePicker、CupertinoDatePicker等,其中前4个为Material风格组件,最后一个为iOS风格组件。本文介绍了控件的基本用法及如何实现国际化,如果系统提供的国际化不满足你的需要,最后也介绍了如何实现自定义国际化。DayPicker显示给定月份的日期,并允许选择一天。这些天以矩形网格排列,一周的每一天都有一列。DayPicker有几个必填参数,分别如..

2020-05-09 07:36:22 1778

原创 Flutter 首页必用组件NestedScrollView

老孟导读:昨天Flutter 1.17版本重磅发布,新的版本主要是优化性能、修复bug,有人觉得此版本毫无亮点,但也从另一方面体现了Flutter目前针对移动端已经较为完善,想了解具体内容,文末有链接,如果你想升级到最新版本,建议慎重,有些人升级后项目无法运行。今天介绍的组件是NestedScrollView,大部分的App首页都会用到这个组件。可以在其内部嵌套其他滚动视图的滚动视图,其...

2020-05-08 12:04:49 2164

原创 Flutter 首页必用组件NestedScrollView

老孟导读:昨天Flutter 1.17版本重磅发布,新的版本主要是优化性能、修复bug,有人觉得此版本毫无亮点,但也从另一方面体现了Flutter目前针对移动端已经较为完善,想了解具体内容,文末有链接,如果你想升级到最新版本,建议慎重,有些人升级后项目无法运行。今天介绍的组件是NestedScrollView,大部分的App首页都会用到这个组件。可以在其内部嵌套其他滚动视图的滚动视图,其...

2020-05-08 08:13:12 1758 1

原创 Flutter 1.17版本重磅发布

Flutter 1.17 是2020年的第一个稳定版本,此版本包括iOS平台Metal支持(性能更快),新的Material组件,新的Network跟踪工具等等!对所有人来说,今年是充满挑战的一年。我们的目标是按季度节奏发布稳定的发行版;但是,此版本花费了更长的时间,因为我们一直在为新的发布过程重新调整基础架构。我们继续将质量作为第一要务,并相信新的发布模型将提高我们提供服务的能力。自1.1...

2020-05-07 21:35:01 2057

原创 Flutter 粘合剂CustomScrollView控件

老孟导读:快乐的51假期结束了,切换为努力模式,今天给大家分享CustomScrollView组件,此组件在以后的项目中会经常用到,CustomScrollView就像一个粘合剂,将多个组件粘合在一起,具统一的滚动效果。CustomScrollViewCustomScrollView是使用Sliver组件创建自定义滚动效果的滚动组件。使用场景:ListView和GridView相互嵌...

2020-05-06 20:50:32 1578 1

原创 Flutter 系统是如何实现ExpansionPanelList的

老孟导读:Flutter组件有一个很大的特色,那就是很多复杂的组件都是通过一个一个小组件拼装而成的,今天就来说说系统的ExpansionPanelList是如何实现的。在了解ExpansionPanelList实现前,先来了解下MergeableMaterial,它展示多个MergeableMaterialItem组件,当子组件发生变化时,以动画的方式打开或者关闭子组件,Mergeable...

2020-05-05 21:36:08 1652

react-native 相册(全选、删除、分享)

这个项目实现了本地图片、视频的展示,图片、视频的全选、删除功能

2017-07-07

RN与android混合开发及RN调用原生方法

RN与android混合开发及RN调用原生方法

2017-04-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除