@gocodingnow/rn-tamagui-boilerplate/template/src/hooks/useBrowser.ts

React Native + Tamagui Boilerplate

import {LOG} from '@helpers/logger';
import {toast} from '@helpers/toast';
import {useTheme} from '@tamagui/core';
import {useCallback} from 'react';
import {Linking} from 'react-native';
import InAppBrowser from 'react-native-inappbrowser-reborn';

export const useBrowser = () => {
  const theme = useTheme();

  const openLink = useCallback(
    async (link?: string) => {
      try {
        if (!link) {
          return;
        }

        if (await InAppBrowser.isAvailable()) {
          await InAppBrowser.open(link, {
            // iOS Properties
            dismissButtonStyle: 'cancel',
            preferredBarTintColor: theme.primary.val,
            preferredControlTintColor: 'white',
            readerMode: false,
            animated: true,
            modalPresentationStyle: 'fullScreen',
            modalTransitionStyle: 'coverVertical',
            modalEnabled: true,
            enableBarCollapsing: false,
            // Android Properties
            showTitle: true,
            toolbarColor: theme.primary.val,
            secondaryToolbarColor: 'black',
            navigationBarColor: 'black',
            navigationBarDividerColor: 'white',
            enableUrlBarHiding: true,
            enableDefaultShare: true,
            forceCloseOnRedirection: false,
            // Specify full animation resource identifier(package:anim/name)
            // or only resource name(in case of animation bundled with app).
            animations: {
              startEnter: 'slide_in_right',
              startExit: 'slide_out_left',
              endEnter: 'slide_in_left',
              endExit: 'slide_out_right',
            },
          });
        } else {
          Linking.openURL(link);
        }
      } catch (error: any) {
        LOG.error(error?.message);
        //If that failed, try straight up open
        if (await Linking.canOpenURL(link!)) {
          Linking.openURL(link!);
        } else {
          toast.show({
            type: 'error',
            message: error.message,
            messageTx: 'error_action_cannot_be_done',
          });
        }
      }
    },
    [theme.primary.val],
  );

  return {
    openLink,
  };
};