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;
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
分享
微博
QQ
微信
回复
2025-01-10 11:22:17
相关问题
HarmonyOS 事件穿透问题
1028浏览 • 1回复 待解决
HarmonyOS 如何实现事件穿透
322浏览 • 1回复 待解决
HarmonyOS 点击穿透的策略
619浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
525浏览 • 1回复 待解决
floating window可以设置事件穿透吗?
549浏览 • 1回复 待解决
如何阻止Flex容器鼠标事件穿透
2615浏览 • 1回复 待解决
组件有没有支持事件穿透的属性
2133浏览 • 1回复 待解决
HarmonyOS 点击事件过滤
504浏览 • 1回复 待解决
HarmonyOS 卡片点击事件失效
642浏览 • 1回复 待解决
HarmonyOS 富文本点击事件
1323浏览 • 1回复 待解决
HarmonyOS 如何hook点击事件
673浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
644浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
678浏览 • 1回复 待解决
HarmonyOS XComponent没有点击事件
502浏览 • 1回复 待解决
HarmonyOS 动态UI点击事件处理
797浏览 • 1回复 待解决
HarmonyOS 屏幕点击事件监控代码
924浏览 • 1回复 待解决
HarmonyOS点击事件传递响应问题
523浏览 • 1回复 待解决
HarmonyOS ImageSpan点击事件无法触发
968浏览 • 1回复 待解决
HarmonyOS 控件点击事件无响应
557浏览 • 1回复 待解决
HarmonyOS 回车触发点击事件
548浏览 • 1回复 待解决