Javascript 如何在react native中同时启用父按钮和子按钮事件？ onParentClick（）}>

从“react native”导入的两个“TocableOpacity”

---

问题：未触发onParentClick（），但内部onPress按预期工作。

输出：

使子对象比父对象小，这样您也可以单击父对象的主体

以下是一个例子：

import React，{useState}来自“React”；
从“react native”导入{文本、视图、样式表、TouchableOpacity}；
从“expo常量”导入常量；
//可以从本地文件导入
从“./components/AssetExample”导入AssetExample；
//或npm中可用的任何纯javascript模块
从“react native paper”导入{Card}；
导出默认函数App（）{
const[text，setText]=useState（“未单击任何内容”）；
返回(
{text}
{
setText（'从父级按下'）；
}}>
);
}
常量ChildComponent=（{onCLick}）=>{
返回(
{
onCLick（‘从子项按下’）；
}}>
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
背景颜色：“#ecf0f1”，
填充：8，
对齐项目：“居中”，
},
家长：{
填充：20，
背景颜色：“青色”，
边界半径：5，
},
儿童：{
宽度：200，
身高：100，
背景颜色：“橙色”，
边界半径：5，
},
第段：{
差额：24，
尺码：18，
fontWeight:'粗体'，
textAlign:'中心'，
},
});

---

您可以在此处使用工作示例：

谢谢。是的，这是可能的，但我希望他们是相同的大小。然后孩子将完全覆盖在家长，因此使其不可点击。

<TouchableOpacity onPress={()=> onParentClick()}>
  <SomeImportedComponentWithTouchableOpacityInsideIt />
</TouchableOpacity>