Как добавить браузер в приложении в React Native (Expo)

Question

Я хочу добавить в приложение браузер (который можно настроить). Есть ли другой способ, кроме веб-просмотра? Возможно, лучше всего использовать режим чтения или упрощенный просмотр.

Answer 1

вы можете использовать следующую библиотеку act-native-inappbrowser

выполнить установку со страницы github

import { Linking } from 'react-native'
import InAppBrowser from 'react-native-inappbrowser-reborn'

...
  async openLink() {
    try {
      const url = 'https://www.google.com'
      if (await InAppBrowser.isAvailable()) {
        const result = await InAppBrowser.open(url, {
          // iOS Properties
          dismissButtonStyle: 'cancel',
          preferredBarTintColor: '#453AA4',
          preferredControlTintColor: 'white',
          readerMode: false,
          animated: true,
          modalPresentationStyle: 'overFullScreen',
          modalTransitionStyle: 'partialCurl',
          modalEnabled: true,
          // Android Properties
          showTitle: true,
          toolbarColor: '#6200EE',
          secondaryToolbarColor: 'black',
          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'
          },
          headers: {
            'my-custom-header': 'my custom header value'
          },
          waitForRedirectDelay: 0
        })
        Alert.alert(JSON.stringify(result))
      }
      else Linking.openURL(url)
    } catch (error) {
      Alert.alert(error.message)
    }
  }
...

вы можете проверить примерПриложение здесь

для выставки становится немного сложнее, пожалуйста, проверьте соответствующий учебник по Medium

, если вы хотите режим чтения в ios, пожалуйста, перейдите по этой ссылке

компонент чтения-режима-веб-просмотра-для-реагирования-родной