---
title: "Отображение пейвола, настроенного через Remote Config, в React Native SDK"
description: "Узнайте, как отображать пейволы на основе Remote Config в React Native SDK Adapty для персонализации пользовательского опыта."
---

Если вы настроили пейвол с помощью Remote Config, вам нужно реализовать его отображение в коде мобильного приложения. Поскольку Remote Config гибко адаптируется под ваши задачи, вы сами решаете, что включать в пейвол и как он будет выглядеть. Мы предоставляем метод для получения Remote Config, а всё остальное остаётся за вами.

## Получение Remote Config пейвола и его отображение \{#get-paywall-remote-config-and-present-it\}

Чтобы получить Remote Config пейвола, обратитесь к свойству `remoteConfig` и извлеките нужные значения.

```typescript showLineNumbers
try {
  const paywall = await adapty.getPaywall({ placementId: "YOUR_PLACEMENT_ID" });
  const headerText = paywall.remoteConfig?.["header_text"];
} catch (error) {
  // handle the error
}
```

Получив все необходимые значения, соберите из них визуально привлекательный экран. Убедитесь, что дизайн корректно адаптируется под разные размеры экранов и ориентации устройств — это обеспечит удобный пользовательский опыт на любом устройстве.

:::warning
Не забудьте [зафиксировать событие просмотра пейвола](present-remote-config-paywalls-react-native#track-paywall-view-events), как описано ниже — это позволит аналитике Adapty собирать данные для воронок и A/B-тестов.
:::

После того как пейвол отображён, настройте процесс покупки. Когда пользователь совершает покупку, вызовите `.makePurchase()` с продуктом из вашего пейвола. Подробнее о методе `.makePurchase()` читайте в разделе [Совершение покупок](react-native-making-purchases).

Рекомендуем [создать резервный пейвол](react-native-use-fallback-paywalls). Он будет показываться пользователю при отсутствии интернета или доступного кэша, обеспечивая бесперебойную работу приложения в таких ситуациях.

## Отслеживание событий просмотра пейвола \{#track-paywall-view-events\}

Adapty помогает измерять эффективность ваших пейволов. Данные о покупках мы собираем автоматически, но просмотры пейвола нужно логировать вручную — только вы знаете, когда пользователь его видит.

Чтобы зафиксировать просмотр пейвола, вызовите `.logShowPaywall(paywall)` — это событие отобразится в метриках пейвола в воронках и A/B-тестах.

:::important
Вызывать `.logShowPaywall(paywall)` не нужно, если вы отображаете пейволы, созданные в [Paywall Builder](adapty-paywall-builder).
:::

```typescript showLineNumbers
await adapty.logShowPaywall(paywall);
```

Параметры запроса:

| Параметр    | Обязательность | Описание                                                                                    |
| :---------- | :------------- |:--------------------------------------------------------------------------------------------|
| **paywall** | обязательный   | Объект [`AdaptyPaywall`](https://react-native.adapty.io/interfaces/adaptypaywall).          |