鴻蒙審核問題——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
英文地址,請注明出處:http://en.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 的用途 說明: 數據收集:接收來自…