React Native TouchableOpacity 嵌套使用详解
是的,React Native 中的 TouchableOpacity 组件可以嵌套在其他组件中。可以将 TouchableOpacity 作为父组件,包裹其他子组件,从而实现点击触发事件的效果。例如:
import React from 'react';
import { TouchableOpacity, Text, View } from 'react-native';
const App = () => {
const onPressHandler = () => {
console.log('TouchableOpacity 被点击了');
};
return (
<TouchableOpacity onPress={onPressHandler}>
<View>
<Text>点击我</Text>
</View>
</TouchableOpacity>
);
};
export default App;
在上面的例子中,TouchableOpacity 作为父组件,包裹了一个 View 和一个 Text 组件。当点击 Text 组件时,onPressHandler 函数会被调用,并在控制台输出一条消息。
原文地址: https://www.cveoy.top/t/topic/fOlw 著作权归作者所有。请勿转载和采集!