Реагировать на родной YouTube - компонент не виден

Question

При подключении к моей странице плеер не отображается:

return (
    <YouTube
      apiKey="xxx"
      videoId={youtubeVideo} // The YouTube video ID
      play={false} // control playback of video with true/false
      fullscreen={false} // control whether the video should play in fullscreen or inline
      loop={false} // control whether the video should loop when ended
      onReady={e =>  console.log('ready')}
      onChangeState={e =>  console.log('onchange')}
      onChangeQuality={e =>  console.log('change quality')}
      onError={e => console.log(e.error)}
      style={{ alignSelf: "stretch", height: 300 }}
    />

);

Я получаю журналы консоли для обратного вызова onReady, но нет видео. Как я могу показать мое видео?

Есть ли лучшие альтернативы? Посмотрев на эти два пакета, react-native-youtube и react-native-vimeo. Оба не были поддержаны некоторое время и имеют различные проблемы.

Каков наилучший способ встраивания видео с YouTube, который соответствует рекомендациям для магазинов Play и App Store? Как много других делают это в магазинах Play, как это делают все остальные?

Answer 1

Обернут ли ваш компонент YouTube внутри родительского представления с помощью flex? Я использую тот же пакет в своем приложении, и он, кажется, работает нормально, и это почти то, как я его настроил.

// Parent view (page container)
<View style={{ flex : 1 }}>
    ...
    <Youtube 
        apiKey={API_KEY}
        videoId={videoID}
        style={{ marginTop : 15, height : 250, alignSelf : 'stretch' }} />
    ...
</View>