---
title: "Обработка действий кнопок в React Native SDK"
description: "Обрабатывайте действия кнопок пейвола в React Native с помощью Adapty для лучшей монетизации приложения."
---
Если вы создаёте пейволы с помощью Paywall Builder, важно правильно настроить кнопки:
1. Добавьте [кнопку в Paywall Builder](paywall-buttons) и назначьте ей готовое действие или создайте пользовательский идентификатор действия.
2. Напишите код в приложении для обработки каждого назначенного действия.
В этом гайде показано, как обрабатывать пользовательские и готовые действия в коде.
:::warning
**Покупки, восстановления, закрытие пейвола и открытие URL обрабатываются автоматически.** Все остальные действия кнопок требуют явной реализации обработчиков в коде приложения.
:::
## Закрытие пейволов \{#close-paywalls\}
Чтобы добавить кнопку для закрытия пейвола:
1. В Paywall Builder добавьте кнопку и назначьте ей действие **Close**.
2. В коде приложения реализуйте обработчик действия `close`, который закрывает пейвол.
:::info
В React Native SDK действие `close` по умолчанию закрывает пейвол. Однако при необходимости вы можете переопределить это поведение в коде. Например, закрытие одного пейвола может инициировать открытие другого.
:::
Для React-компонента обрабатывайте действие закрытия через отдельные пропсы обработчиков событий:
```javascript
function MyPaywall({ paywall }) {
const onCloseButtonPress = useCallback(() => {
// Handle close button press - navigate away or hide component
navigation.goBack();
}, [navigation]);
return (
);
}
```
Для модального представления реализуйте обработчик закрытия:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.setEventHandlers({
onCloseButtonPress() {
return true; // allow paywall closing
}
});
```
Для SDK версии < 3.14 поддерживается только модальное представление:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.registerEventHandlers({
onCloseButtonPress() {
return true; // allow paywall closing
}
});
```
## Открытие URL с пейвола \{#open-urls-from-paywalls\}
:::tip
Если вы хотите добавить группу ссылок (например, пользовательское соглашение и восстановление покупок), добавьте элемент **Link** в Paywall Builder и обрабатывайте его так же, как кнопки с действием **Open URL**.
:::
Чтобы добавить кнопку, открывающую ссылку с пейвола (например, **Условия использования** или **Политика конфиденциальности**):
1. В Paywall Builder добавьте кнопку, назначьте ей действие **Open URL** и укажите нужный URL.
2. В коде приложения реализуйте обработчик действия `openUrl`, который открывает полученный URL в браузере.
:::info
В React Native SDK действие `openUrl` по умолчанию открывает URL. Однако при необходимости вы можете переопределить это поведение в коде.
:::
Для React-компонента обрабатывайте открытие URL через проп обработчика событий:
```javascript
function MyPaywall({ paywall }) {
const onUrlPress = useCallback((url) => {
Linking.openURL(url);
}, []);
return (
);
}
```
Для модального представления реализуйте обработчик URL:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.setEventHandlers({
onUrlPress(url) {
Linking.openURL(url);
return false; // Keep paywall open
},
});
```
Для SDK версии < 3.14 поддерживается только модальное представление:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.registerEventHandlers({
onUrlPress(url) {
Linking.openURL(url);
return false; // Keep paywall open
},
});
```
## Вход в приложение \{#log-into-the-app\}
Чтобы добавить кнопку, выполняющую вход пользователя в приложение:
1. В Paywall Builder добавьте кнопку и назначьте ей действие **Login**.
2. В коде приложения реализуйте обработчик действия `login`, который идентифицирует пользователя.
Для React-компонента обрабатывайте вход через проп обработчика событий:
```javascript
function MyPaywall({ paywall }) {
const onCustomAction = useCallback((actionId) => {
if (actionId === 'login') {
navigation.navigate('Login');
}
}, [navigation]);
return (
);
}
```
Для модального представления реализуйте обработчик входа:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.setEventHandlers({
onCustomAction(actionId) {
if (actionId === 'login') {
navigation.navigate('Login');
}
}
});
```
Для SDK версии < 3.14 поддерживается только модальное представление:
```javascript
const view = await createPaywallView(paywall);
const unsubscribe = view.registerEventHandlers({
onCustomAction(actionId) {
if (actionId === 'login') {
navigation.navigate('Login');
}
}
});
```
## Обработка пользовательских действий \{#handle-custom-actions\}
Чтобы добавить кнопку для обработки любых других действий:
1. В Paywall Builder добавьте кнопку, назначьте ей действие **Custom** и задайте идентификатор.
2. В коде приложения реализуйте обработчик для созданного идентификатора действия.
Например, если у вас есть другой набор предложений по подписке или разовых покупок, можно добавить кнопку, которая будет отображать другой пейвол:
Для React-компонента обрабатывайте пользовательские действия через проп обработчика событий:
```javascript
function MyPaywall({ paywall }) {
const onCustomAction = useCallback((actionId) => {
if (actionId === 'openNewPaywall') {
// Display another paywall
}
}, []);
return (
);
}
```
Для модального представления реализуйте обработчики пользовательских действий:
```javascript
const unsubscribe = view.setEventHandlers({
onCustomAction(actionId) {
if (actionId === 'openNewPaywall') {
// Display another paywall
}
},
});
```
Для SDK версии < 3.14 поддерживается только модальное представление:
```javascript
const unsubscribe = view.registerEventHandlers({
onCustomAction(actionId) {
if (actionId === 'openNewPaywall') {
// Display another paywall
}
},
});
```