文章目錄
- 背景
- 原因
- 解決辦法
- 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通過了審核,歡迎大家下載試玩。喜歡詩詞飛花令的朋友,可以進行挑戰一下。
傳送門。