# Button(按钮)

# 组件引入

import Button from "..."

# 组件功能

• 基础样式的修改
• 事件监听，按下、抬起、长按等事件处理
• 按钮布局，可以是图片按钮，也可以自定义按钮里的布局
• 加载动画
• 进度条的实现

# Demo

• 基础按钮

      <Button
        title={"提交"}
        width={100}
        isRadius
        fontColor={'#fff'}
        backgroundColor={'#2FB98E'}
        onPress={()=>{
          // alert('0000')
        }}
      />
  

  

• 布局属性

      <Button
        type={"container"}
        textPosition={'right'}
        title={'ReactNative'}
        // imgStyle={{backgroundColor:'red'}}
        imgSource={{uri: 'https://reactnative.cn/img/header_logo.png'}}
        width={200}
        // isRadius
        fontColor={'#fff'}
        backgroundColor={'#2FB98E'}
        onPress={()=>{
          // alert('0000')
        }}
      />
  

  

• 进度条

      <Button
        title={'ReactNative'}
        isProgress
        progressNum={0.7}
        width={200}
        isRadius
        fontColor={'#fff'}
        backgroundColor={'#2FB98E'}
        onPress={()=>{
          // alert('0000')
        }}
      />
  

  

• 加载动画

      <Button
        title={'ReactNative'}
        loading
        loadingColor={"#fff"}
        loadingSize={"small"}
        isProgress
        progressNum={0.7}
        width={200}
        isRadius
        fontColor={'#fff'}
        backgroundColor={'#2FB98E'}
        onPress={()=>{
          // alert('0000')
        }}
      />
  

  

# props