React Native 中的 Button 组件的 onPress 属性
React Native 中的 Button 组件的 onPress 属性用于设置用户点击按钮时所触发的回调函数。
语法
<Button onPress={(e) => Alert.alert("你点击了按钮")} title="快点我" color="#841584" accessibilityLabel="please press me" />
导入模块
import { Button } from 'react-native';
属性说明
| 属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
|---|---|---|---|---|---|
| onPress | function | (e) | 是 | Android,iOS | 用于设置用户点击按钮时所触发的回调函数。 |
范例
下面的范例，演示了如何使用 React Native 的 Button 组件的 onPress 属性的使用
import React from 'react'; import {View, Alert,Button} from 'react-native'; export default class App extends React.Component { render() { return ( <View> <Button onPress={(e) => Alert.alert("你点击了按钮")} title="快点我" color="#841584" accessibilityLabel="please press me" /> </View> ); } }