React Native — есть ли способ использовать видеоплеер vimeo в родном приложении?

Я использовал этот пакет для видеоплеера vimeo. но получил следующую ошибку. Есть ли другой способ использовать vimeo player в родном приложении?

Invariant Violation: Invariant Violation: requireNativeComponent: "RCTWebViewBridge" was not found in the UIManager.

Вы пробовали встроенный URL-адрес, предоставленный с видео? Я думаю, вы можете напрямую использовать их.

Rahul 13.04.2019 14:41
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
2
1
2 435
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я сделал, используя этот код:

// NOTE: Injecting code here due to react-native webview issues when overriding
// the onMessage method. See here: https://github.com/facebook/react-native/issues/10865
export const injectedCode = `
(function() {
var originalPostMessage = window.postMessage;
var patchedPostMessage = function(message, targetOrigin, transfer) {
  originalPostMessage(message, targetOrigin, transfer);
};
patchedPostMessage.toString = function() {
  return String(Object.hasOwnProperty).replace('hasOwnProperty', 'postMessage');
};
window.postMessage = patchedPostMessage;
})();
`;


   getVimeoPageURL(videoId) {
        return 'https://myagi.github.io/react-native-vimeo/v0.3.0.html?vid=' + videoId;
    }

render() {
        return (
            <WebView
                ref = "webviewBridge"
                style = {{
                    // Accounts for player border
                    marginTop: -8,
                    marginLeft: -10,
                    height: this.props.height
                }}
                injectedJavaScript = {injectedCode}
                source = {{ uri: this.getVimeoPageURL(this.props.videoId) }}
                scalesPageToFit = {this.props.scalesPageToFit}
                scrollEnabled = {false}
                onMessage = {this.onBridgeMessage}
                onError = {error => console.error(error)}
            />
        );
    }

Это работает. Спасибо @crazyvk Как включить полноэкранную кнопку?

Shankar S Bavan 09.04.2019 09:15

Что вы передаете как инъекции кода?

Juan Araneta 04.06.2020 18:02

@JuanAraneta я добавил в свой ответ.

Vikram Biwal 05.06.2020 07:41

Могу ли я получить html-страницу react-native-vimeo/v0.3.0.html?, если ваш сервер не работает. Я могу разместить на своем сервере

Rajesh Nasit 17.04.2021 15:37

Другие вопросы по теме