---
updatedAt: 2026-01-29T10:39:55.000Z
agentTools:
  projectIndex: https://ramp-docs.transfi.com/llms.txt
---

# React native

Before proceeding, ensure that you have set up a partner account with us. If you have not yet done so, please follow this guide to create a partner account in less than 30 seconds and copy your Staging API KEY.

# 1. React Native Installation

### a. Install package

```powershell NPM
npm install transfi-ramp-react-native-sdk
```
```Text Yarn
yarn add transfi-ramp-react-native-sdk
```

<br />

### b. Usage

```javascript Example
import { TransfiRampReactNativeSdkView } from 'transfi-ramp-react-native-sdk';

// ...

<TransfiRampReactNativeSdkView
  styles={styles.webview}
  source={{
    uri: 'https://buy.transfi.com/?apiKey=[YOUR_API_KEY][QUERY_PARAMETERS]',
  }}
  javaScriptEnabled={true}
  messagingEnabled={true}
  domStorageEnabled={true}
  onMessage={(event) => {
    console.log('event', event?.nativeEvent?.data);
  }}
/>;
```

<br />

# 2. React native package

You can check out React Native Transfi <Anchor label="repo" target="_blank" href="https://github.com/Trans-Fi/transfi-ramp-react-native-sdk">repo</Anchor>.