鸿蒙审核问题——Scroll中嵌套了List/Grid时滑动问题

文章目录

  • 背景
  • 原因
  • 解决办法
    • 1、借鉴Flutter中的解决方式,如下图
    • 2、鸿蒙Next中对应的解决方式,如下图
    • 3、官方文档
  • 回访


背景

来源一次审核被拒的情况。也是出于粗心导致的。之前在flutter项目中也是遇到过这种问题的。其实就是滚动视图内嵌滚动视图造成的,主视图滚动时,带动子视图滚动,当子视图贴到导航条时,有个默认效果滚动视图会贴在导航栏底部,导致主视图的列表,拉不下了。下面的Gif中效果很明显。

通过给的反馈视频中,一目了然。只是当时开发的时候,刚好手机没有出现这种情况,所以没有做出处理。也许这和机型和系统有关系,目前我使用的是最新版本的6.0.0bate版本,审核用的是5.1.0版本。

审核反馈的信息如下:
测试步骤:首页-进入传统节日模块后无法查看上方内容。
修改建议:请进行优化修复,确保应用可正常使用。
您可参考《审核指南》第3.1项:https://developer.huawei.com/consumer/cn/doc/app/50104-03
WIFI联网、HarmonyOS5.1.0(HUAWEI Pura 80 Pro+)、简体中文环境。

原因

Scroll 里面嵌套 list、grid 时,会造成一个问题,如果list、grid 滑动到顶部时,会造成只能在list、grid内部滑动,上面的内容看不到了。

解决办法

只让主Scroll可以滚动,接收手势;内的list、grid不能支持滑动,不接受滚动手势即可。下面先是回忆了flutter中的解决方法,然后对着找到鸿蒙NEXT中的解决方式,并且有官方文档作证,应该是无疑了。

1、借鉴Flutter中的解决方式,如下图

  • 代码
CustomScrollView(slivers: [
SliverToBoxAdapter(child:GridView.builder(padding: EdgeInsets.symmetric(horizontal: 12.w),shrinkWrap: true,physics: NeverScrollableScrollPhysics(),...))])

2、鸿蒙Next中对应的解决方式,如下图

  • 代码
    Scroll() {Column() {Grid() {ForEach(this.homeFestivals,(item:FestivalModel)=>{GridItem(){HomeFestivalItem({model:item,onItemClick:((model:FestivalModel)=>{this.navigateToDetail(model);})})}})}.enableScrollInteraction(false).columnsTemplate('1fr 1fr').rowsGap(15).columnsGap(5).padding(20).layoutWeight(1).scrollBar(BarState.Off)}
}

3、官方文档

参考文档

回访

该问题已经解决,APP通过了审核,欢迎大家下载试玩。喜欢诗词飞花令的朋友,可以进行挑战一下。
传送门。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/pingmian/96559.shtml
繁体地址,请注明出处:http://hk.pswp.cn/pingmian/96559.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

测试电商购物车功能,设计测试case

在电商场景中,购物车是连接商品浏览与下单支付的关键环节,需要从功能、性能、兼容性、安全性等多维度进行测试。以下是购物车功能的测试用例设计: 一、功能测试 1. 商品添加到购物车 - 未登录状态下,添加商品到购物车(…

Linux --- 常见的基本指令

一. 前言本篇博客使用的 Linux 操作系统是 centos ,用来学习Linux 的 Linux 系统的内核版本和系统架构信息版本如下所示:上图的主要结构为:主版本号-次版本号 修正次数,3.10.0 是操作系统的主版本号;当我们在维护一段L…

微信小程序 -开发邮箱注册验证功能

一、前端验证:正则表达式与插件结合正则表达式设计 使用通用邮箱格式校验正则,并允许中文域名(如.中国): const emailReg /^[a-zA-Z0-9._%-][a-zA-Z0-9-](?:\.[a-zA-Z0-9-])*\.[a-zA-Z]{2,}(?:\.[a-zA-Z]{2})?$/i;…

docker 部署 code-server

docker 部署 code-servercode-serverError response from daemon: Get "https://registry-1.docker.io/v2/": net/http: request canceled while waiting for connection (Client.Timeout exceeded while awaiting headersdocker 配置正确步骤 阿里云源permission de…

网络编程专题:从源码解析网络编程常用方法(基于6.16.3内核)

前言 本文是因为作者在研究下面这个代码时发现的问题: int main() {// 1. 创建 IPv4 专用地址结构体 sockaddr_instruct sockaddr_in ipv4_addr;memset(&ipv4_addr, 0, sizeof(ipv4_addr)); // 初始化清零// 2. 填充 IPv4 专属信息ipv4_addr.sin_family AF_IN…

2025年数字公共治理专业重点学什么内容?(详细指南)

数字公共治理作为一个新兴的跨学科领域,近年来受到越来越多高校和学生的关注。这个专业融合了多个学科的知识体系,旨在培养掌握现代治理理念和技术应用能力的复合型人才。对于在校大学生而言,了解这一专业的学习内容和发展方向,有…

一招解决 win 下 终端打印中文乱码问题

适合所有终端 cmd powershell git bash, 原理:修改电脑的区域设置,勾选使用 UTF-8 1.电脑搜索 区域, 打开区域设置2. 打开相关设置3. 点击更改 日期、时间或数字格式4. 选则管理-点击更改系统区域设置,在弹出框中勾选 …

Elasticsearch面试精讲 Day 13:索引生命周期管理ILM

【Elasticsearch面试精讲 Day 13】索引生命周期管理ILM 在“Elasticsearch面试精讲”系列的第13天,我们将深入探讨 索引生命周期管理(Index Lifecycle Management, ILM) 这一核心运维机制。作为大规模日志、监控和时序数据场景下的必备功能&…

Python快速入门专业版(二十八):函数参数进阶:默认参数与可变参数(*args/**kwargs)

目录引一、默认参数:给函数参数设置“默认值”1. 基本语法与使用示例示例1:带默认参数的乘法函数2. 默认参数的核心规则:必须放在非默认参数之后示例2:默认参数位置错误(报错)3. 默认参数的“可变对象陷阱”…

FreeRTOS 知识点

一、配置过程二、基本知识点2.1 抢占优先级和响应优先级在 FreeRTOS 中,任务的调度方式主要有 ​​抢占式(Preemptive)​​ 和 ​​协作式(Cooperative)​​ 两种模式,它们的核心区别在于 ​​任务如何释放…

SQL注入漏洞手动测试详细过程

这是一次详细的、基于真实手动测试思维的SQL注入漏洞测试过程记录。我们将以一个假设的Web应用程序为例,进行逐步探测和利用。测试目标假设我们正在测试一个名为 example.com 的电商网站,其有一个查看商品详情的页面,URL 为: http…

机器人控制器开发(通讯——ros话题转为websocket)

1 为什么要实现ROS话题转WebSocket 主要有如下5个优点:跨平台通信需求 WebSocket作为一种标准的Web通信协议,允许任何支持WebSocket的客户端(网页、移动应用、其他系统)与ROS机器人进行实时通信,打破了ROS传统通信方式…

SQL-字符串函数、数值函数、日期函数

字符串函数1. 字符串拼接concat-- 拼接字符串hello和mysql,结果为hellomysql -- 格式:concat(str1, str2, ...):拼接多个字符串 select concat(hello, mysql);注意事项:若任一参数为null,结果为null(如conc…

JAVA高级工程师--Redis持久化详细版

一、Redis DBRedis 数据库的数量在单机和集群模式下有根本性的区别。1. 单机模式 (Standalone)在单机模式下&#xff0c;Redis 默认提供 16 个逻辑数据库&#xff0c;索引编号为 0 到 15。选择数据库&#xff1a; 使用 SELECT <index> 命令进行切换。例如&#xff0c;SE…

hexo文章

文章目录Tag的使用勾选框图片的组合站内文章引用注意&#xff1a;1、关于中括号的问题目录总结 Tag的使用 在 markdown 中加入如下的代码来使用便签&#xff1a; {% note success %} 文字 或者 markdown 均可 {% endnote %}或者使用 HTML 形式&#xff1a; <p class&quo…

技术面:Spring (bean的生命周期、创建方式、注入方式、作用域)

Spring Bean的生命周期是什么样的&#xff1f; 在Spring容器里一个Bean的从创建到销毁一般都是经历了以下几个阶段&#xff1a; 定义阶段&#xff08;Bean元信息配置&#xff09;>实例化阶段&#xff08;创建Bean对象&#xff09;>初始化阶段&#xff08;执行初始化逻辑&…

SpringSecurity的应用

官方文档 一、核心能力 1.1 身份认证 (Authentication) - “你是谁&#xff1f;” 多种认证方式&#xff1a;支持几乎所有主流认证方案&#xff0c;如表单登录&#xff08;Username/Password&#xff09;、HTTP Basic、HTTP Digest、OAuth 2.0、OIDC (OpenID Connect)、SAML …

跨境云手机与传统手机的不同之处

传统手机主要满足个人日常生活中的通讯、娱乐、办公等基础需求&#xff0c;比如用于日常打电话联系亲朋好友&#xff0c;闲暇时刷短视频、玩本地安装的游戏&#xff0c;或者简单处理一些文档、邮件等办公事务。跨境云手机主要是侧重于跨境业务场景&#xff0c;对于从事跨境电商…

MemGPT: Towards LLMs as Operating Systems

1 MemGPT: Towards LLMs as Operating Systems 论文地址&#xff1a;MemGPT: Towards LLMs as Operating Systems 代码地址&#xff1a;https://github.com/letta-ai/letta 1.1 MemGPT MemGPT&#xff08;MemoryGPT&#xff09;借鉴传统操作系统的分层内存管理思想&#xff08;…

MICAPS:气象信息综合分析与处理系统概述

1.概述 说明:Meteorological Information Comprehensive Analysis and Process System 中文意思:气象信息综合分析处理系统。它是中国气象局开发的一套气象数据分析、处理和可视化系统,用于气象资料的收集、整理、分析和发布。 2.MICAPS 的用途 说明: 数据收集:接收来自…