taro-react微信小程序向下滑动屏幕onTouchEnd没反应

原创已于 2025-08-01 14:12:57 修改 · 176 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#taro #react.js #微信小程序

于 2025-08-01 14:12:26 首次发布

1. 问题：微信小程序中实现手指下滑的交互时，onTouchEnd失效。

2. 代码展示：

        const handleTouchStart = () => {
			consolo.log('走这里了  111')  // 这里执行了
		}
 		
       const  handleTouchEnd = () => {
		   consolo.log('走这里了  222')    // 这里未执行 
		}
 
        <View
          onTouchEnd={handleTouchEnd}
          onTouchStart={handleTouchStart}
        >
        	...一些内容
        </View>

3. 问题解决：在标签上加上catchMove

     const handleTouchStart = () => {
	   consolo.log('走这里了  111')  // 这里执行了
    }
	
     const  handleTouchEnd = () => {
       consolo.log('走这里了  222')    // 这里未执行 
    }

      <View
        onTouchEnd={handleTouchEnd}
        onTouchStart={handleTouchStart}
        catchMove
      >
      	...一些内容
      </View>