react-native按钮组件Button

最新推荐文章于 2024-08-16 09:46:06 发布

番薯大佬

最新推荐文章于 2024-08-16 09:46:06 发布

阅读量1w

点赞数

分类专栏： react-native学习文章标签： react-native rn rn按钮组件 Button

本文链接：https://blog.csdn.net/potato512/article/details/80322404

版权

本文介绍了React Native中用于创建按钮的Button组件。通过代码示例展示了如何使用Button，包括其基本用法和常见属性设置，帮助开发者实现交互式的按钮效果。

摘要由CSDN通过智能技术生成

学习交流：https://gitee.com/potato512/Learn_ReactNative

react-native学习交流QQ群：806870562

效果图

代码示例

import React, {Component} from 'react';
import {
    StyleSheet,
    View,
    Button,
    Alert
} from 'react-native';

type Props = {};
export default class ButtonPage extends Component<Props> {
    render() {
        return(
            <View style={
  {marginTop:20,marginHorizontal:10}}>

                <View style={styles.clickButtonStyle}>
                    <Button title={"点我"} color={'green'} onPress={buttonClick}/>
                </View>


                <Button title={"