> For the complete documentation index, see [llms.txt](https://aliniex.gitbook.io/alix-pay/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aliniex.gitbook.io/alix-pay/guides/on-off-ramp-service/mobile-application.md).

# Mobile application

## React Native & Flutter

### Step 1: Install a WebView Library

The first step is to install a WebView library in your project. You can do this by running the following command in your project directory:

React NativeFlutter

```javascript
npm install --save react-native-webview
```

### Step 2: Import WebView

Once you have installed the WebView library, you need to import it into your project. You can do this by adding the following line of code to the top of your file:

React NativeFlutter

```javascript
import { WebView } from 'react-native-webview';
```

### Step 3: Add WebView Component

Next, you need to add the WebView component to your app. You can do this by adding the following code:

React NativeFlutter

```javascript
<WebView
  source={{ uri: '{'https://ramp.aliniex.com?params'}}
  allowsInlineMediaPlayback
  mediaPlaybackRequiresUserAction={false}
/>
```

### Key information

If you are planning on using a WebView there are a few permissions and settings that will need to be enabled to use our services correctly. Most of these settings are either set by default or have been set in the above examples, however if you are using a mobile framework that isn't included in the examples please make sure you set these permissions and settings

* WebView is able to access device local storage and initialize camera (for older iOS versions camera can be accessed only from Safari browser or WebView withSFSafariViewController)
* Make sure that HTML5 video playback is allowed (we're using some instructions within tags): if video-instructions are not played, try using WebChromeClient to enable video playback
* Autoplay in fullscreen mode is disabled and allowsInlineMediaPlayback is set as true for WebView

Camera Access

* Feature-Policy header for your webpage/frame or any other container with SDK doesn't have any restrictions for initializing camera like value camera 'none'.
* Permissions-Policy header doesn't restrict access to a camera and microphone (for some cases) and if allow is set check for "camera; microphone" values.

Note. Due to iOS restrictions, it is only possible to pass Sumsub KYC liveness check using the Safari browser.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://aliniex.gitbook.io/alix-pay/guides/on-off-ramp-service/mobile-application.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.