react-native button
时间: 2024-08-16 18:06:37 浏览: 110
React Native Button是一个用于创建用户界面中按钮组件的轻量级库,它基于React Native框架,并提供了一种简单的方式来创建响应式的、跨平台的iOS和Android按钮。使用`Button`组件,开发者可以设置按钮的文字内容、样式、颜色、大小以及点击事件处理函数。例如:
```jsx
import { View, Text, TouchableOpacity as Button } from 'react-native';
<Button
title="点击我"
onPress={() => console.log('Button clicked!')}
/>
```
在这个例子中,`TouchableOpacity`是React Native原生提供的按钮控件,当用户触碰时,它会触发`onPress`回调函数。通过配置,还可以添加背景颜色、边框样式等视觉效果。
阅读全文