Skip to main content

External Links

Handle links that open outside the channel (e.g., promotional banners with target="_blank").

Default Behavior​

By default, external links open in the device's system browser via Linking.openURL. This works for most use cases without any configuration.

Custom Handler​

To customize how external links are opened (e.g., open in an in-app browser), use the onExternalLink prop:

import { Linking } from 'react-native';

<BBChannel
  channelUrl="https://demo.bbvms.com/ch/channel_name.json"
  onExternalLink={(url) => {
    // Open in system browser (default behavior)
    Linking.openURL(url);
  }}
/>

In-App Browser Example​

Using react-native-inappbrowser-reborn:

import InAppBrowser from 'react-native-inappbrowser-reborn';

<BBChannel
  channelUrl="https://demo.bbvms.com/ch/channel_name.json"
  onExternalLink={async (url) => {
    if (await InAppBrowser.isAvailable()) {
      await InAppBrowser.open(url);
    } else {
      Linking.openURL(url);
    }
  }}
/>

External links are triggered by:

  • Promotional blocks with target="_blank" links
  • Click-through URLs on channel content
  • Any link in the channel WebView that navigates to an external domain