reactNative中TouchableOpacity可以嵌套TouchableOpacity
是的,React Native 中的 TouchableOpacity 组件可以嵌套 TouchableOpacity 组件。嵌套 TouchableOpacity 组件时,内层 TouchableOpacity 组件会继承外层 TouchableOpacity 组件的点击效果。这意味着当点击内层 TouchableOpacity 组件时,外层 TouchableOpacity 组件的点击效果也会触发。
以下是一个示例代码:
import React from 'react';
import { TouchableOpacity, Text } from 'react-native';
const App = () => {
return (
<TouchableOpacity onPress={() => console.log('外层点击')}>
<Text>外层 TouchableOpacity</Text>
<TouchableOpacity onPress={() => console.log('内层点击')}>
<Text>内层 TouchableOpacity</Text>
</TouchableOpacity>
</TouchableOpacity>
);
};
export default App;
在上述示例中,当点击内层 TouchableOpacity 组件时,控制台会输出 "内层点击" 和 "外层点击"。这是因为内层 TouchableOpacity 组件继承了外层 TouchableOpacity 组件的点击效果。
希望对你有所帮助!
原文地址: https://www.cveoy.top/t/topic/h9or 著作权归作者所有。请勿转载和采集!