# react-native-mercadopago

> React Native wrapper for Mercadopago Cordova Plugin

Latest version **1.2.2** (published 2017-01-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-mercadopago
pnpm add react-native-mercadopago
yarn add react-native-mercadopago
bun add react-native-mercadopago
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.2 |
| Published | 2017-01-11 |
| First published | 2016-09-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Shovel apps, Inc. |
| Maintainers | shovelapps |
| Keywords | react-native, mercadopago, cordova |

## Links

- npm: https://www.npmjs.com/package/react-native-mercadopago
- Repository: https://github.com/shovelapps/react-native-mercadopago
- Issues: https://github.com/shovelapps/react-native-mercadopago/issues
- npm.io page: https://npm.io/package/react-native-mercadopago

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 1.2.2 (latest) — 2017-01-11
- 1.2.1 — 2017-01-09
- 1.1.0 — 2016-12-20
- 1.0.9 — 2016-11-03
- 1.0.8 — 2016-10-11
- 1.0.7 — 2016-10-09
- 1.0.6 — 2016-10-09
- 1.0.4 — 2016-10-09
- 1.0.2 — 2016-10-09
- 1.0.1 — 2016-09-30
- 1.0.0 — 2016-09-29
- 0.0.3 — 2016-09-29

## README

# Mercadopago React Native Wrapper

## Getting started

`$ npm install react-native-mercadopago --save`

### Mostly automatic installation

`$ react-native link react-native-mercadopago`

#### iOS

1. Drag the files from /node_modules/react-native-mercadopago/ios/*.framework to the Frameworks group of your project
2. In General Tab for your project add the new frameworks from previous step to the Embedded Binaries.
3. In Build Settings, make sure that Embedded Content Contains Swift Code is YES.
4. Set Enable Bitcode to NO.

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `react-native-mercadopago` and add `RNMercadopago.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNMercadopago.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. In General Tab for your project add the new frameworks from previous step to the Embedded Binaries.
5. In Build Settings, make sure that Embedded Content Contains Swift Code is YES.
6. Set Enable Bitcode to NO.


#### Android

1. Open up `android/app/src/main/java/[...]/MainApplication.java`
  - Add `import com.shovelapps.rnmercadopago.RNMercadopagoPackage;` to the imports at the top of the file
  - Add `new RNMercadopagoPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-mercadopago'
  	project(':react-native-mercadopago').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-mercadopago/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':react-native-mercadopago')
  	```


## Usage
```javascript
import RNMercadopago from 'react-native-mercadopago';

...
    let publicKey = 'TEST-ad365c37-8012-4014-84f5-6c895b3f8e0a';
    let prefId = '176234066-fc6d5d5e-2671-4073-ab49-362a98b720b5';

    RNMercadopago.startCheckout(publicKey, prefId, null, false, (payment) => { this._success(payment)}, (error) => { this._failure(error) });
...
```

---
_Source: https://npm.io/package/react-native-mercadopago · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._