mroads / react-native-button-wrapper Goto Github PK

View Code? Open in Web Editor NEW

💬 react-native-button-wrapper is a lightweight library to integrate single click and double click in your React Native application that works seamlessly in android and iOS devices.

Java 19.68% JavaScript 33.16% Ruby 16.71% Objective-C 21.62% Starlark 8.83%

react-native-button-wrapper's Introduction

react-native-button-wrapper

This npm resolve the multiple click issue on a button.

Setup

Installation

$ npm install react-native-button-wrapper --save

$ yarn add react-native-button-wrapper

Usage

Props

Props you may need to pass while implementing. This wrapper default extends the properties of the touchable Opacity.

Prop	Default	Type	Description
onPress	() => {}	`function`	Called when user clicked once.
onDoublePress	() => {}	`function`	Called when user clicked twice.
useNativeBase	false	`bool`	If `true`, the wrapper will return the native base button component.

Basic

import ButtonWrapper from 'react-native-button-wrapper';

function Button() {
  return (
    <ButtonWrapper
      onPress={() => {
       <!--- Write your code here --->
      }}
     >
      <Text>Button</Text>              
     </ButtonWrapper>
   );
 }

Native Base Implementation

import ButtonWrapper from 'react-native-button-wrapper';


function Button() {
  return (
    <ButtonWrapper
      useNativeBase
      onDoublePress={() => {
       <!--- Write your code here --->
      }}
      onPress={() => {
       <!--- Write your code here --->
      }}
    >
      <Text>Button</Text>              
    </ButtonWrapper>
  );
}

Recommend Projects