---
title: "在 React Native SDK 中获取用户引导"
description: "了解如何在 Adapty 的 React Native 中获取用户引导。"
---

在 Adapty 看板中[使用编辑工具完成用户引导的视觉设计](design-onboarding)之后，您可以在 React Native 应用中展示它。此过程的第一步是获取与版位关联的用户引导及其视图配置，具体如下所示。

开始之前，请确保：

1. 您已安装 [Adapty React Native SDK](sdk-installation-reactnative) 3.8.0 或更高版本。
2. 您已[创建用户引导](create-onboarding)。
3. 您已将用户引导添加到[版位](placements)。

## 获取用户引导 \{#fetch-onboarding\}

当您使用我们的无代码编辑工具创建[用户引导](onboardings)时，它会以容器形式存储，包含您的应用需要获取并展示的配置。该容器管理整个体验——显示哪些内容、如何呈现，以及如何处理用户交互（例如测验答案或表单输入）。容器还会自动追踪分析事件，因此您无需单独实现视图追踪。

为了获得最佳性能，请尽早获取用户引导配置，以便在向用户展示之前有足够的时间下载图片。

要获取用户引导，请使用 `getOnboarding` 方法：

```typescript showLineNumbers
try {
    const placementId = 'YOUR_PLACEMENT_ID';
    const locale = 'en';

    const onboarding = await adapty.getOnboarding(placementId, locale);
    // the requested onboarding
} catch (error) {
    // handle the error
}
```

然后，调用 `createOnboardingView` 方法创建视图实例。

:::warning
`createOnboardingView` 方法的返回结果只能使用一次。如果需要再次使用，请重新调用 `createOnboardingView` 方法。在不重新创建的情况下调用两次可能会导致 `AdaptyUIError.viewAlreadyPresented` 错误。
:::

```typescript showLineNumbers

// for the Adapty SDK < 3.14 – import {createOnboardingView} from 'react-native-adapty/dist/ui';

if (onboarding.hasViewConfiguration) {
    try {
        const view = await createOnboardingView(onboarding);
    } catch (error) {
        // handle the error
    }
} else {
    //use your custom logic
}
```

参数：

| 参数              | 是否必填 | 描述                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
|-------------------|--------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| **placementId**   | 必填 | 所需[版位](placements)的标识符。这是您在 Adapty 看板中创建版位时指定的值。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **locale**        | <p>可选</p><p>默认值：`en`</p> | <p>用户引导本地化的标识符。该参数应为语言代码，由一个或两个子标签组成，用减号（**-**）分隔。第一个子标签表示语言，第二个子标签表示地区。</p><p></p><p>示例：`en` 表示英语，`pt-br` 表示巴西葡萄牙语。</p><p>有关语言区域代码及其推荐用法的更多信息，请参阅[本地化与语言区域代码](localizations-and-locale-codes)。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **fetchPolicy**   | 默认值：`.reloadRevalidatingCacheData` | <p>默认情况下，SDK 会尝试从服务器加载数据，如果失败则返回缓存数据。我们推荐此选项，因为它确保用户始终获得最新数据。</p><p></p><p>但是，如果您认为用户的网络连接不稳定，可以考虑使用 `.returnCacheDataElseLoad`，在缓存数据存在时直接返回缓存。在这种情况下，用户可能获取不到最新数据，但无论网络状况如何，都能获得更快的加载速度。缓存会定期更新，因此在会话期间使用它来避免网络请求是安全的。</p><p></p><p>请注意，缓存在重启应用后依然保留，只有在重新安装应用或手动清理时才会被清除。</p><p></p><p>Adapty SDK 在本地以两层方式存储用户引导：上述定期更新的缓存和备用用户引导。我们还使用 CDN 加速用户引导的获取，并在 CDN 不可访问时提供独立的备用服务器。该系统旨在确保您始终获得最新版本的用户引导，同时在网络连接不稳定的情况下也能保证可靠性。</p> |
| **loadTimeoutMs** | 默认值：5 秒 | <p>该值限制此方法的超时时间。如果达到超时时间，将返回缓存数据或本地备用内容。</p><p>请注意，在极少数情况下，此方法的超时时间可能比 `loadTimeout` 中指定的时间稍长，因为该操作在底层可能由多个不同的请求组成。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |

响应参数：

| 参数 | 描述                                                                                                                                                |
|:----------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------|
| Onboarding      | 一个 [`AdaptyOnboarding`](https://react-native.adapty.io/interfaces/adaptyonboarding) 对象，包含：用户引导标识符和配置、远程配置以及其他若干属性。 |

## 使用默认目标受众用户引导加速获取 \{#speed-up-onboarding-fetching-with-default-audience-onboarding\}

通常情况下，用户引导的获取几乎是即时完成的，无需担心加速问题。但是，当您拥有大量目标受众和用户引导，且用户网络连接较弱时，获取用户引导的时间可能比预期更长。在这种情况下，您可能希望显示默认的用户引导，以确保流畅的用户体验，而不是不显示任何内容。

为解决这一问题，您可以使用 `getOnboardingForDefaultAudience` 方法，该方法会获取指定版位中**所有用户**目标受众的用户引导。但请务必了解，推荐的方式是使用 `getOnboarding` 方法获取用户引导，详见上方[获取用户引导](#fetch-onboarding)部分。

:::warning
建议使用 `getOnboarding` 而非 `getOnboardingForDefaultAudience`，因为后者存在以下重要限制：

- **兼容性问题**：在支持多个应用版本时可能产生问题，需要向后兼容的设计，否则旧版本可能显示异常。
- **无个性化**：仅显示"所有用户"目标受众的内容，无法基于国家、归因或自定义属性进行定向。

如果对您的使用场景而言更快的获取速度超过了上述缺点，请按如下所示使用 `getOnboardingForDefaultAudience`。否则，请按[上述](#fetch-onboarding)方式使用 `getOnboarding`。
:::

```typescript showLineNumbers
try {
    const placementId = 'YOUR_PLACEMENT_ID';
    const locale = 'en';

    const onboarding = await adapty.getOnboardingForDefaultAudience(placementId, locale);
    // the requested onboarding
} catch (error) {
    // handle the error
}
```

参数：

| 参数 | 是否必填 | 描述                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
|---------|--------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| **placementId** | 必填 | 所需[版位](placements)的标识符。这是您在 Adapty 看板中创建版位时指定的值。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **locale** | <p>可选</p><p>默认值：`en`</p> | <p>用户引导本地化的标识符。该参数应为语言代码，由一个或两个子标签组成，用减号（**-**）分隔。第一个子标签表示语言，第二个子标签表示地区。</p><p></p><p>示例：`en` 表示英语，`pt-br` 表示巴西葡萄牙语。</p><p>有关语言区域代码及其推荐用法的更多信息，请参阅[本地化与语言区域代码](localizations-and-locale-codes)。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **fetchPolicy** | 默认值：`.reloadRevalidatingCacheData` | <p>默认情况下，SDK 会尝试从服务器加载数据，如果失败则返回缓存数据。我们推荐此选项，因为它确保用户始终获得最新数据。</p><p></p><p>但是，如果您认为用户的网络连接不稳定，可以考虑使用 `.returnCacheDataElseLoad`，在缓存数据存在时直接返回缓存。在这种情况下，用户可能获取不到最新数据，但无论网络状况如何，都能获得更快的加载速度。缓存会定期更新，因此在会话期间使用它来避免网络请求是安全的。</p><p></p><p>请注意，缓存在重启应用后依然保留，只有在重新安装应用或手动清理时才会被清除。</p><p></p><p>Adapty SDK 在本地以两层方式存储用户引导：上述定期更新的缓存和备用用户引导。我们还使用 CDN 加速用户引导的获取，并在 CDN 不可访问时提供独立的备用服务器。该系统旨在确保您始终获得最新版本的用户引导，同时在网络连接不稳定的情况下也能保证可靠性。</p> |