Как загрузить <Script>в режиме React Native - PullRequest
Новая
       90

Как загрузить <Script>в режиме React Native

0 голосов
/ 29 марта 2020

Я надеюсь, что вы все хорошо проводите время. Я работаю над своим первым реактивным приложением. У меня есть скрипт-скрипт от клиента, который загружает запрос сервиса песни. Я пробовал разные библиотеки

  1. реагировать-нативный-htmlview
  2. реагировать-нативный-рендер- html
  3. реагировать-нативный-рендер-веб-просмотр

но я до сих пор не могу понять, как загрузить этот скрипт в реагировать родной. Я новичок, чтобы реагировать на родной язык, поэтому, если я упускаю что-то очевидное или простое, укажите это для меня. Заранее спасибо. 

<script src="https://embed.radio.co/request/w91ece69.js"></script>

Вот как это работает в сети. enter image description here

1 Ответ

1 голос
/ 29 марта 2020

Есть три шага для достижения желаемого:

1) Импортируйте пакет react-native-webview (или любую совместимую с React Native библиотеку, но мой пример будет основан на этом)

2) Создайте простой документ HTML, содержащий радиосценарий JavaScript (как показано на рисунке)

3) Визуализируйте компонент <WebView /> с источником URI, указывающим на HTML document 

// [...]
import { WebView } from 'react-native-webview';

// In the render function
render() {
    return <WebView source={{ uri: '<the path to the HTML document>' }} />
}

Более подробную информацию о react-native-webview можно найти на странице проекта Github .

...