之前开发电商的功能时，需要做商品界面，UI基本是参考京东、淘宝的效果，以前android原生开发的时候觉得很好做，切到Flutter之后只能自己想办法，所以自己后来做出了这样的效果，分享下实现方案。 先看效果图吧效果图比较这是京东的效果 下图是我做的效果，基本和京东的保持一致，点击tab可快速切换到某一页，滑动列表tab自动切换。思路仔细查看京东的商品详情页，可以整理出下面三点1.tabbar随着
前言各位同学大家好，有一段时间没有给大家更新文章了。最近玩了一些iOS原生的应用，觉得iOS原生的侧滑返回上一级目录很好用。我就想着做一个flutter的版本出来 今天就给大家分享 (Flutter 仿iOS侧滑返回案例实现) 案例，废话不多说，我们正式开始准备工作需要安装flutter的开发环境
原创
2022-01-05 13:41:31
2013阅读
前言身是菩提树 心是明镜台 时时勤拂拭 模式染尘埃 这玩意不难，就是东西多。。。1 看一下继承关系class GridView extends BoxScrollViewabstract class BoxScrollView extends ScrollViewabstract class ScrollView extends StatelessWidget 2 下面是sc
转载
2024-07-10 22:15:45
304阅读
今天聊一个比较有意思的 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阅读
上期实现了一个网络轮播图的效果，自定义了一个轮播图组件，继承自StatefulWidget，我们知道Flutter中并没有像Android中activity的概念。页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件，那如果我想在A组件中更新B组件的数据应该怎么实现呢？ 今天我们来实现一个支持筛选的列表页面。前面我们已经实现来一个支持下拉刷新和上拉加载更多的列表组件，这里就不在做更多介绍来
github地址：https://github.com/xiangzhihong/SwipeMenuListView今天介绍一个SwipeMenuListView实现侧滑删除的例子，其实和listview的用法一样，就是多了创建删除等view的步骤，然后通过addview添加到父布局中。效果如果：当然你也也可以根据自己的需要增加更多的自定义View。直接看代码吧：Add dependenc
原创
2022-09-07 10:38:25
160阅读
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阅读
作者：尘萧
今天老板又问你怎么证明Flutter的性能比Native好？Flutter线上的性能数据到底怎么收集？Flutter高可用SDK在闲鱼上稳定运行了大半年，我们终于要准备开源啦。
事出有因 - 我们为什么要做Flutter高可用SDK移动端APM其实已经是一个很成熟的命题了，在Native世界这些年的发展中，曾经诞生过很多用于监控线上性能数据的SDK。但是由于Flutter相对
# React实现iOS侧滑返回
## 1. 整体流程
首先，我们来看一下实现"react实现iOS侧滑返回"的整体流程。下面是一个简单的流程图，展示了实现侧滑返回的步骤：
```mermaid
flowchart TD
A[创建新的React项目]
B[创建导航器]
C[创建屏幕组件]
D[添加侧滑返回手势]
E[测试和调试]
```
## 2.
原创
2024-01-12 08:37:28
379阅读
目录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阅读
*我们都知道，iOS7导航控制器默认自带了侧滑功能，当用户在界面的左边滑动的时候，就会有侧滑功能。 但是如果我们从从导航控制器的返回按钮，就发现系统所带的侧滑返回功能无法使用。因此为了解决此问题，有以下方法实现：*方法一：导航控制器全屏滑动返回效果当用户在界面左边拖动，就会触发滑动手势方法，并且有滑动返回功能，说明系统手势触发了方法，即调用了target的action方法，也就是说action方法
转载
2023-07-25 09:26:06
736阅读
我们都知道侧滑返回操作是 iOS 里面比较常见的功能，一般是手指在靠近手机屏幕左边缘向右滑动就可以关闭当前的界面，iOS 系统提供了这样的 API，但是 Android 怎么实现呢？网上找了许多方法，比较了一下，个人觉得还是这个比较方便也容易理解，先上个效果再说： &n
转载
2023-08-22 09:51:53
421阅读
最近在做flutter web的开发，需要做一个类似云文档中表格固定顶部栏和左侧栏的需求，也就是冻结列表的功能 那么在pub上呢也有不少的开源库，比如：table_sticky_headers data_table_2 如果说只是简单的表格和吸顶，那么这两个库就完全可以满足需求，那么到这就不用往下看了与NestedScrollView结合的吸顶效果实践实则需求是这样的：希望左侧栏可以悬停的同时，顶
转载
2024-05-09 08:09:06
165阅读
现在开发的APP项目中，如果没有实现侧滑返回的功能，都不好意思拿出来秀~虽然官方提供了侧滑返回的API，但是很多开发者追求全屏侧滑返回，觉得官方提供的不够用。想必大多数开发者都知道如何实现侧滑返回，今天，我们就来总结一下。三种方法：方法1：系统自带的侧滑返回方法一实现(系统方法)：方法一实现截图优点：实现简单，导航控制器中对全体viewController的侧滑功能可控，系统API绝对安全可靠，无
转载
2023-09-13 17:06:36
202阅读
一句代码，让UIScrollView的滑动和系统侧滑手势并存，例如：在查看地图界面同时支持地图的滑动和侧滑返回。注：和FDFullscreenPopGesture库不冲突
侧滑返回是iOS系统的一个很贴心的功能，特别是在大屏手机上，单手操作的时候去按左上角的返回键特别不方便。当我在使用一个APP的时候，如果控制器不能侧滑返回，我会觉得这个APP十分不友好
转载
2023-07-26 14:06:25
842阅读
前言 又看了郭霖大神的一篇博客《Android 3D滑动菜单完全解析，实现推拉门式的立体特效》，是关于自定义控件方面的，因为自己关于自定义控件了解的不过，以前的要求是会用就行，但是后来越发的明白只会用是不够的，出现问题都不知道该怎么分析，所以我才打算把别人博客里的自定义控件的源码给看懂，虽然可能时间花的时间长，但是，绝对是值得的！ 因为源码的东西比较多，看完之后发现还存在可以优化的地方，郭
现在开发的APP项目中，如果没有实现侧滑返回的功能，都不好意思拿出来秀~ 虽然官方提供了侧滑返回的API，但是很多开发者追求全屏侧滑返回，觉得官方提供的不够用。 想必大多数开发者都知道如何实现侧滑返回，今天，我们就来总结一下。 三种方法：方法1：系统自带的侧滑返回方法2：【8行代码教你搞定导航控制器全屏滑动返回效果】 |那些人追的干货方法3：百度知道团队出品的全屏侧滑返回（github地址）
转载
2023-07-25 09:26:15
162阅读
前言：ios7开始 苹果增加了页面 右滑返回的效果；具体的是以UINavigationController为容器的ViewController间右滑切换页面。代码里的设置是：self.navigationController.interactivePopGestureRecognizer.enabled = YES;（default is YES）可以看到苹
转载
精选
2015-01-26 16:33:24
2489阅读
