ScrollView 无法滚动 控制台报错
Posted: 2024年 Apr 1日 10:15
环境信息
操作系统：Windows 11 专业版 22H2
Tuya MiniApp Tools 版本信息：v1.5.0 beta 8
App 应用版本信息： 2.17.2
移动设备信息：iPhone 15 - iOS 17.3.1 （与此无关，未在移动设备运行）
相关代码
来源于 涂鸦开发者文档 - Ray开发 - ScrollView - VerticalScroll
Code: Select all
import React from 'react';
import { ScrollView, View } from '@ray-js/components';
function hls() {
return Math.floor(Math.random() * 55) + 200;
}
function randomColor() {
return `rgb(${hls()},${hls()},${hls()})`;
}
function onScroll(event: any, type: string) {
console.log(event, type);
}
function onScrollToLower() {
console.log('触【底】了');
}
function onScrollToUpper() {
console.log('触【顶】了');
}
export default function VerticalScroll() {
return (
<ScrollView
style={{ width: '702rpx', height: '667rpx', backgroundColor: '#fff' }}
scrollY
scrollTop={100}
onScroll={event => onScroll(event, 'Y')}
onScrollToUpper={onScrollToUpper}
onScrollToLower={onScrollToLower}
refresherTriggered={false}
>
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
<View style={{ height: '200rpx', backgroundColor: randomColor() }} />
</ScrollView>
);
}日志信息
Code: Select all
[View] Uncaught TypeError: Cannot read properties of undefined (reading '5')
at wQ (view.js?hash=70dcf0787c:2:413773)
at window.document.addEventListener.passive (view.js?hash=70dcf0787c:2:414070)
at US (view.js?hash=70dcf0787c:2:411539)
at view.js?hash=70dcf0787c:2:411096
wQ @ VM191 service.html:2
window.document.addEventListener.passive @ VM191 service.html:2
US @ VM191 service.html:2
（匿名） @ VM191 service.html:2
[View] Uncaught TypeError: Cannot read properties of undefined (reading '5')
at wQ (view.js?hash=70dcf0787c:2:413773)
at window.document.addEventListener.passive (view.js?hash=70dcf0787c:2:414565)
at US (view.js?hash=70dcf0787c:2:411539)
at view.js?hash=70dcf0787c:2:411096复现步骤
- 打开 Tuya MiniApp Tools
- 点击 “新建”
- 选择 “面板 SDM 通用模板”
- 点击 “创建”，等待编译完成
- 在 vscode 中打开项目，在
src\pages\home\index.tsx页面中将所有代码替换为相关代码中的代码 - 切换到 Tuya MiniApp Tools，在预览窗格用鼠标拖动滚动区域
- 无法滚动，且控制台出现报错
预期结果
复现步骤中的第8步，滚动区域应该纵向滚动，且控制台无报错。
实际结果
复现步骤中的第8步，滚动区域无法纵向滚动，且控制台出现报错。