HarmonyOS ReactNavigation点击事件穿透

reactnavigation,如果A->B->C,这时候从C回到B,发现响应的是A页面的点击事件。

HarmonyOS
2025-01-10 08:19:17
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

可以参考以下demo,在这个demo中,当用户点击屏幕时,handlePress函数会被调用,并且事件不会继续传播,从而防止了点击事件穿透到底部的屏幕或者其他组件。

import React from 'react';
import { TouchableWithoutFeedback } from 'react-native';

const MyScreen = () => {
  const handlePress = () => {
    // 在这里处理点击事件
    console.log('Screen was clicked!');
    // 如果不希望事件继续传播,就不调用 `event.preventDefault()`
  };
  return (
    <TouchableWithoutFeedback onPress={handlePress}>
    {/* 这里是屏幕的其他内容 */}
    </TouchableWithoutFeedback>
  );
};

export default MyScreen;
分享
微博
QQ
微信
回复
2025-01-10 11:22:17
相关问题
HarmonyOS 事件穿透问题
885浏览 • 1回复 待解决
HarmonyOS 如何实现事件穿透
170浏览 • 1回复 待解决
HarmonyOS 点击穿透的策略
404浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
373浏览 • 1回复 待解决
floating window可以设置事件穿透吗?
423浏览 • 1回复 待解决
如何阻止Flex容器鼠标事件穿透
2384浏览 • 1回复 待解决
组件有没有支持事件穿透的属性
1982浏览 • 1回复 待解决
HarmonyOS 点击事件过滤
283浏览 • 1回复 待解决
HarmonyOS 卡片点击事件失效
408浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
1049浏览 • 1回复 待解决
HarmonyOS 如何hook点击事件
478浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
453浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
419浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
759浏览 • 1回复 待解决
HarmonyOS 动态UI点击事件处理
573浏览 • 1回复 待解决
HarmonyOS XComponent没有点击事件
347浏览 • 1回复 待解决
HarmonyOS 回车触发点击事件
330浏览 • 1回复 待解决
HarmonyOS点击事件传递响应问题
376浏览 • 1回复 待解决
HarmonyOS 控件点击事件无响应
307浏览 • 1回复 待解决
HarmonyOS ImageSpan点击事件无法触发
812浏览 • 1回复 待解决