最近在做flutter web的开发,需要做一个类似云文档中表格固定顶部栏和左侧栏的需求,也就是冻结列表的功能 那么在pub上呢也有不少的开源库,比如:table_sticky_headers data_table_2 如果说只是简单的表格和吸顶,那么这两个库就完全可以满足需求,那么到这就不用往下看了与NestedScrollView结合的吸顶效果实践实则需求是这样的:希望左侧栏可以悬停的同时,顶
转载
2024-05-09 08:09:06
165阅读
前言身是菩提树 心是明镜台 时时勤拂拭 模式染尘埃 这玩意不难,就是东西多。。。1 看一下继承关系class GridView extends BoxScrollViewabstract class BoxScrollView extends ScrollViewabstract class ScrollView extends StatelessWidget 2 下面是sc
转载
2024-07-10 22:15:45
304阅读
没用的前言其实自从 Jetpack Compose 面世以来,关于 Flutter 与 Compose 之间的选择问题就开始在 Android 开发中出现,就如同之前有 iOSer 纠结在 Flutter 和 SwiftUI 之间选谁一样,对于 Android 开发来说似乎“更头痛”的是 Flutter 与 Compose “同出一爹”。本来关于这个话题没什么好写的,因为这个话题属于“吃力不讨好”
今天聊一个比较有意思的 Flutter 动画实现,如果需要实现一个如下图的 3D 折叠动画效果,你会选择通过什么方式?相信可能很多人第一想法就是:在 Dart 里通过矩阵变换配合 Canvas 实现。因为这个效果其实也算「常见」,在目前的小说阅读器场景里,类似的翻页效果基本都是通过这个思路完成,而这个思路以前我也「折腾」过不少,比如 《炫酷的 3D 卡片和帅气的 360° 展示效果》 和 用纯代码
转载
2024-09-20 20:58:08
227阅读
PageView如果要实现页面切换和 Tab 布局,我们可以使用 PageView 组件。需要注意,PageView 是一个非常重要的组件,因为在移动端开发中很常用,比如大多数 App 都包含 Tab 换页效果、图片轮动以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实现。PageView({
Key? key,
this.scrollDirection = Axi
转载
2024-01-02 12:24:35
418阅读
在Gmail中,我们经常会看到如下效果: 滑动去存档,也可以滑动删除。那作为Google 自家出品的Flutter,当然也会有这种组件。Dismissible按照惯例来看一下官方文档上给出的解释:A widget that can be dismissed by dragging in the indicated direction.
Dragging or flinging this wid
转载
2024-06-14 06:32:59
143阅读
上期实现了一个网络轮播图的效果,自定义了一个轮播图组件,继承自StatefulWidget,我们知道Flutter中并没有像Android中activity的概念。页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件,那如果我想在A组件中更新B组件的数据应该怎么实现呢? 今天我们来实现一个支持筛选的列表页面。前面我们已经实现来一个支持下拉刷新和上拉加载更多的列表组件,这里就不在做更多介绍来
作者:尘萧
今天老板又问你怎么证明Flutter的性能比Native好?Flutter线上的性能数据到底怎么收集?Flutter高可用SDK在闲鱼上稳定运行了大半年,我们终于要准备开源啦。
事出有因 - 我们为什么要做Flutter高可用SDK移动端APM其实已经是一个很成熟的命题了,在Native世界这些年的发展中,曾经诞生过很多用于监控线上性能数据的SDK。但是由于Flutter相对
目录MaterialApp先看下上图的具体用法1. title:标题2. actions:表示右侧的按钮的动作3. leading:表示左侧的按钮的动作4. flexibleSpace:5. backgroundColor: Colors.red,6. elevation: 10, //阴影的高度7.automaticallyImplyLeading: true,8.brightness :状态
转载
2024-02-04 22:37:48
749阅读
之前开发电商的功能时,需要做商品界面,UI基本是参考京东、淘宝的效果,以前android原生开发的时候觉得很好做,切到Flutter之后只能自己想办法,所以自己后来做出了这样的效果,分享下实现方案。 先看效果图吧效果图比较这是京东的效果 下图是我做的效果,基本和京东的保持一致,点击tab可快速切换到某一页,滑动列表tab自动切换。思路仔细查看京东的商品详情页,可以整理出下面三点1.tabbar随着
在码农的世界里,优美的应用体验,于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天、每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不妨来瞅瞅码农的轨迹
原创
2022-01-24 15:53:17
1968阅读
前言各位同学大家好,有一段时间没有给大家更新文章了。最近玩了一些iOS原生的应用,觉得iOS原生的侧滑返回上一级目录很好用。我就想着做一个flutter的版本出来 今天就给大家分享 (Flutter 仿iOS侧滑返回案例实现) 案例,废话不多说,我们正式开始准备工作需要安装flutter的开发环境
原创
2022-01-05 13:41:31
2013阅读
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天、每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不妨来瞅瞅码农的轨迹。优美的音乐节奏带你浏览这个效果的编码过程坚持每一天,是每个有理想青年的追求追寻年轻人的脚步,也许你的答案就在这里如果你迷茫 不妨来瞅瞅这里2021 -03-16 第五十二天 Flutter App开发 弹簧动画 不一样的效果 提升不一样的应用体验【github源码】 .
原创
2021-06-01 16:03:30
1848阅读
使用SWRevealViewController实现侧边菜单功能详解两种方法详解SWRevealViewController实现侧边菜单功能:1.使用StoryBoard实现 2.纯代码实现 前言:手机屏幕始终有限,如何在有限的展示空间提供便捷的导航入口呢?Facebook的App设计了一个可以从屏幕侧边滑出的导航,这一设计模式引得各大主流 App尽相
转载
2024-05-18 19:06:51
48阅读
一,概述 ScrollView 是一个带有滚动的视图组件。二,组成部分ScrollView 由三部分组成:Scrollable - 它监听各种用户手势并实现滚动的交互设计。可滚动Widget都直接或间接包含一个Scrollable widget,因此它们包括一些共同的属性,我们在此统一介绍一下:Scrollable({
...
this.axisDirection = AxisDir
转载
2024-05-28 12:43:48
135阅读
*我们都知道,iOS7导航控制器默认自带了侧滑功能,当用户在界面的左边滑动的时候,就会有侧滑功能。 但是如果我们从从导航控制器的返回按钮,就发现系统所带的侧滑返回功能无法使用。因此为了解决此问题,有以下方法实现:*方法一:导航控制器全屏滑动返回效果当用户在界面左边拖动,就会触发滑动手势方法,并且有滑动返回功能,说明系统手势触发了方法,即调用了target的action方法,也就是说action方法
转载
2023-07-25 09:26:06
736阅读
iOS导航栏侧滑失效问题关于iOS的导航栏, 想必各个iOS开发者都是经常要面对的问题.也是必须熟练掌握的一个技术点.比较坑的有两方面.1.一方面是导航栏上的控件位置问题.2.一方面是导航栏的返回按钮自定义问题.今天我主要分享一下自己对这个问题的解决方案的看法.首先我们先来看看iOS中如何设置返回按钮.iOS中设置返回按钮有两种方式.一种是在上一级控制器配置.(配置backBarButtonIte
转载
2023-08-19 11:04:37
1528阅读
这两天对自己负责的项目进行iOS 11和iPhone X的适配,网上的博客很多,也看了很多别人的记录博客,这里把自己遇到的问题记录下,当然有些不仅仅是iOS 11和iPhone X的适配,还包括自己遇到的问题和解决方法。1> iOS Assertion failure in -[UITableView _classicHeightForRowAtIndexPath:]:这问题是由于cell高
转载
2024-07-19 17:21:00
175阅读
很多APP都有侧滑菜单的功能,部分APP左右都是侧滑菜单~SlidingMenu 这个开源项目可以很好帮助我们实现侧滑功能SlidingMenu的一些常用属性
mSlidingMenu.setMode(SlidingMenu.LEFT);//设置左滑菜单
mSlidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE);//设置滑动的屏幕范围,该设置为全屏
转载
2023-06-09 23:56:44
90阅读
现在开发的APP项目中,如果没有实现侧滑返回的功能,都不好意思拿出来秀~虽然官方提供了侧滑返回的API,但是很多开发者追求全屏侧滑返回,觉得官方提供的不够用。想必大多数开发者都知道如何实现侧滑返回,今天,我们就来总结一下。三种方法:方法1:系统自带的侧滑返回方法一实现(系统方法):方法一实现截图优点:实现简单,导航控制器中对全体viewController的侧滑功能可控,系统API绝对安全可靠,无
转载
2023-09-13 17:06:36
199阅读