在鴻蒙 next 中遇到了Scroll無法滾動的問題椿每,明明元素已經(jīng)超出屏幕了猜旬,但是就是不可以滾動巷送,通過查詢鴻蒙 next 的社區(qū)反饋得知了 Scroll 無法滾動的原因。
鴻蒙 next scroll 官方文檔: https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5
可以滾動的代碼:
Scroll() {
Column() {}
}.height('100%')
不可以滾動的代碼
Scroll() {
//先要寫頁面的框框 大部分都是 Column
Column() {}.height('100%')
}.height('100%')
原因是:
因?yàn)镾croll是根據(jù)其直接子組件的高度是否超出其高度判斷是否開啟滾動伐庭,設(shè)定100%后Column就與Scroll同高了,不會出現(xiàn)超出情況誊酌,也就不會開啟滾動振诬,而Column內(nèi)部UI超出Column高度只是畫出屏幕外,不能影響Scroll的判斷雨涛,若有屏幕延伸可看到超出的部分畫出Column外枢舶,但Scoll不知道:)
總結(jié):
以后遇到不滾動的問題,可以看子元素是否有高度設(shè)置成100% 的情況