React Native 中的 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/fOlB 著作权归作者所有。请勿转载和采集!