Flutter项目开发中,使用了 TabBar+ExtendedTabBarView 实现了页面左右滑动的功能。正常的使用,手势滑动结束的效果是根据ExtendedTabBarView的参数physics控制的,physics有NeverScrollablePhysics(不可滚动)、BouncingScrollPhysics(类似IOS回弹效果)、ClampingScrollPhysics(默认
1、UITableView的scrollDelegate问题下午遇到一个奇怪的问题,之前都没有注意过,由于A VC中要实现tableView和其他View位置的联动,所以实现了tableView的delegate中的scrollViewDidScroll方法,结果在点击商品push 商品详情VC B 的时候,问题出现了。问题表现:在调用[self.navigationController push
转载 8月前
37阅读
uni-simple-router官网文档:快速上手 | uni-simple-router 插件平台兼容性:路由、拦截、最优雅解决方案 uni-simple-router - DCloud 插件市场 App.vue是uni-app的主组件,所有页面都是在App.vue下进行切换的,是页面入口文件。但App.vue本身不是页面,这里不能编写视图元素,也就是没有<template>。具
# Flutter返回iOS原生页面的实现 Flutter作为一种跨平台的开发框架,允许开发者使用单一代码库构建Android和iOS应用。尽管Flutter在界面和交互方面表现出色,但在某些情况下,开发者可能需要返回到原生iOS页面。这篇文章将阐述如何实现这一功能,包含代码示例和相关图表,帮助大家深入理解。 ## 1. 为什么要返回iOS原生页面? 在一些复杂的应用中,特别是涉及到设备特
原创 11月前
110阅读
写作背景 接触小程序有一段时间了,总得来说小程序开发门槛比较低,但其中基本的运行机制和原理还是要懂的。“比如我在面试的时候问到一个关于小程序的问题,问小程序有window对象吗?他说有吧”,但其实是没有的。感觉他并没有了解小程序底层的一些东西,归根结底来说应该只能算会使用这个工具,但并不明白其中的道理。小程序与普通网页开发是有很大差别的,这就要从它的技术架构底层去剖析了。还有比如习惯Vue,rea
转载 11月前
27阅读
PageView如果要实现页面切换和 Tab 布局,我们可以使用 PageView 组件。需要注意,PageView 是一个非常重要的组件,因为在移动端开发中很常用,比如大多数 App 都包含 Tab 换页效果、图片轮动以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实现。PageView({ Key? key, this.scrollDirection = Axi
flutter搭建app 感觉相对简化了很多,布局核心就是万事皆widget,在之前我们不管是iOS 安卓原生 还是rn 我们在页面跳转和回转,我们都要对页面进行管理,从iOS 到安卓 到rn  路由被强调话了,web前端的一些重要设计思想被借鉴,同事web也借鉴了原生移动的思想,好了说正事了,flutter的路由,你可以自己封装,设计路由,但是Google为我们设计了好的控件,这里用的
转载 2023-11-02 13:35:53
130阅读
今天聊一个比较有意思的 Flutter 动画实现,如果需要实现一个如下图的 3D 折叠动画效果,你会选择通过什么方式?相信可能很多人第一想法就是:在 Dart 里通过矩阵变换配合 Canvas 实现。因为这个效果其实也算「常见」,在目前的小说阅读器场景里,类似的翻页效果基本都是通过这个思路完成,而这个思路以前我也「折腾」过不少,比如 《炫酷的 3D 卡片和帅气的 360° 展示效果》 和 用纯代码
转载 2024-09-20 20:58:08
227阅读
# 如何在 Flutter 中实现 iOS 左滑返回路由功能 在 Flutter 开发中,左滑返回功能是一种常见的用户交互方式,尤其是在 iOS 平台上。本文将向您详细介绍如何实现这一功能,帮助您建立对 Flutter 路由管理的理解。我们将逐步讲解实现过程,并提供相应的代码示例。 ## 整体流程 实现 iOS 左滑返回功能的整体流程可以分为以下几个步骤: | 步骤 | 描述
原创 2024-09-16 05:56:39
545阅读
作为系列文章的第十八篇,本篇将通过 ScrollPhysics 和 Simulation ,带你深入走进 Flutter 的滑动新世界,为你打开 Flutter 滑动操作的另一扇窗。一、前言如下图所示,Flutter 默认的可滑动 Widget,在 Android 和 iOS 上具备不同的 滑动与边缘拖拽效果 ,这是因为在不同平台上,默认使用了不同的 ScrollPhysics 与 Simulat
前言身是菩提树  心是明镜台 时时勤拂拭 模式染尘埃 这玩意不难,就是东西多。。。1 看一下继承关系class GridView extends BoxScrollViewabstract class BoxScrollView extends ScrollViewabstract class ScrollView extends StatelessWidget 2 下面是sc
上期实现了一个网络轮播图的效果,自定义了一个轮播图组件,继承自StatefulWidget,我们知道Flutter中并没有像Android中activity的概念。页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件,那如果我想在A组件中更新B组件的数据应该怎么实现呢?今天我们来实现一个支持筛选的列表页面。前面我们已经实现来一个支持下拉刷新和上拉加载更多的列表组件,这里就不在做更多介绍来,
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成,用比较通俗易懂的方式,从常见的 ListView到 NestedScrollView 的内部实现,帮助你更好理解和运用 Flutter 里的滑动列表。「本篇不是教你如何使用 API ,而是一些日常开发中不常接触,但是很重要的内容」。Flutter 滑动列表在 Flutter 里我们常见的滑动列表场景,简单地说其实是由三部分组成: View
# Flutter iOS 应用中的连续返回出现黑屏的问题解决 在开发 Flutter 应用时,尤其是在 iOS 上,开发者可能会遇到连续返回到上一个页面时突然出现黑屏的问题。本文将详细介绍如何解决这个问题,并提供每一步所需的代码及解释。 ## 整体流程 以下是处理 Flutter iOS 连续返回出现黑屏问题的步骤: | 步骤 | 描述 | |------|------| | 1
原创 8月前
72阅读
  pc端如何实现1.当弹窗显示时,为body元素添加属性:overflow:hidden, 当关闭弹窗时移除该属性即可2.在弹窗的div上设置 @scroll.stop.prevent<div @scroll.stop.prevent> 你要显示的内容 </div>3.出现弹窗时,为body元素添加position:fixed,这样主页面就禁止滑动,同时很好地
一、阻止事件冒泡:  1、html中加return false  2、js中加return false  3、IE下:window.event.cancelBubble = true;     FF下:event.stopPropagation(); //阻止事件冒泡函数 function stopBubble(evt) {   var e = evt || window.event;
前言我们通常有这样一个需求:点击修改用户信息需要跳转页面,修改完成以后返回之前的页面我们需要重新获取新的数据刷新修改后的数据。于是就找方法去实现,目前我用过的就是以下三种方法。代码地址Navigator.of(context).pushNamed().then()优点可以在返回页面的时候在pop中传入参数Navigator.pop(context, '数据传参'),.then(value =&gt
目录MaterialApp先看下上图的具体用法1. title:标题2. actions:表示右侧的按钮的动作3. leading:表示左侧的按钮的动作4. flexibleSpace:5. backgroundColor: Colors.red,6. elevation: 10, //阴影的高度7.automaticallyImplyLeading: true,8.brightness :状态
### Flutter页面如何返回iOS原生页面 在现代的移动应用开发中,Flutter因其出色的性能和跨平台性能受到广泛关注。很多开发者在构建Flutter应用时,也会希望利用iOS的原生功能。这就涉及到Flutter与原生iOS页面的相互跳转及返回。本文将介绍如何在Flutter页面中返回iOS原生页面,解决这个实际问题。 ### 解决方案 在Flutter返回iOS原生页面,可以
原创 11月前
107阅读
本篇主要帮助剖析理解 Flutter 里的列表和滑动的组成,用比较通俗易懂的方式,从常见的 ListView到 NestedScrollView 的内部实现,帮助你更好理解和运用 Flutter 里的滑动列表。「本篇不是教你如何使用 API ,而是一些日常开发中不常接触,但是很重要的内容」。Flutter 滑动列表在 Flutter 里我们常见的滑动列表场景,简单地说
  • 1
  • 2
  • 3
  • 4
  • 5