React Native学习记录

在React Native中，我们可以使用TouchableOpacity组件来创建可点击的按钮。以下是一个简单的例子：

import React from 'react';
import { Text, TouchableOpacity } from 'react-native';
 
const Button = ({ onPress, title }) => (
  <TouchableOpacity onPress={onPress}>
    <Text>{title}</Text>
  </TouchableOpacity>
);
 
export default Button;

在上面的代码中，我们定义了一个Button组件，它接受onPress和title两个props。onPress是当按钮被按下时将要调用的函数，而title是显示在按钮上的文本。

使用这个Button组件的示例：

import React from 'react';
import { View } from 'react-native';
import Button from './Button'; // 假设Button组件保存在名为Button的文件中
 
const App = () => (
  <View>
    <Button title="点击我" onPress={() => alert('按钮被点击')} />
  </View>
);
 
export default App;

在这个例子中，当用户点击按钮时，会弹出一个警告框，显示"按钮被点击"。这是一个非常基础的React Native按钮组件示例。