以下是一个示例代码,演示了如何在React Native中使用TouchableOpacity组件:
import React from 'react';
import { View, TouchableOpacity, Text } from 'react-native';
const App = () => {
const handlePress = () => {
console.log('TouchableOpacity被按下了!');
};
return (
按下处于视图下方的TouchableOpacity。
按我!
);
};
export default App;
在这个示例中,我们首先导入了所需的组件:View、TouchableOpacity和Text。然后,我们定义了一个名为handlePress
的事件处理函数,用于在TouchableOpacity被按下时调用。在render
函数中,我们使用View组件包装了一段文本和一个TouchableOpacity组件。TouchableOpacity包裹的文本显示为“按我!”。当TouchableOpacity被按下时,handlePress
函数将被调用,控制台将打印出一条消息。
你可以根据自己的需求来修改上述代码,以实现你所期望的效果。