JWPlayer в React-нативный

Question

Я пытаюсь интегрировать JWPlayer в реагировать нативно, используя https://www.npmjs.com/package/react-native-jw-media-player Я правильно выполнил настройку android и iOS, но при запуске приложения оно загружается с пустым экраном. Вот мое приложение. js файл

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';
import JWPlayer from 'react-native-jw-media-player';

export default class App extends React.Component {

  render() {
    return(
        <View style={styles.container}>
        <JWPlayer
    ref={p => (this.JWPlayer = p)}
    style={{width: 320, height: 240}}
    file='http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'

  />
        </View>

    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  player: {
    flex: 1,
  },
});

Answer 1

добавить класс styles.player в JWPlayerstyle

  <JWPlayerstyle={styles.player} />

или использовать

<View style={styles.container}>
  <JWPlayer
    style={styles.player}
    autostart={false}
    file={'https://content.jwplatform.com/manifests/vM7nH0Kl.m3u8'}
    onBeforePlay={() => this.onBeforePlay()}
    onPlay={() => this.onPlay()}
    onPlayerError={e => this.onPlayerError(e)}
    onBuffer={() => this.onBuffer()}
    onTime={time => this.onTime(time)}
  />
</View>