React native 使用react本机youtube api:youtube视频未呈现

我正在尝试让youtube视频在我的react原生项目中播放。我正在使用react原生youtube模块，并已启用YouTubeDataAPIv3和YouTubeAnalyticsAPI。但我的屏幕是空白的。有时，在稍微延迟后，屏幕会调整大小，在角落留下一个较小的白色正方形和黑色背景。但仍然没有视频

我的api密钥确实有效。我通过邮递员传递一个基于文本的请求来测试这一点。我还确保api也正确地传递给组件。我试过不同的视频/视频ID。我已经使用了各种设置，并查看了其他工作代码的示例。我目前的理论是，这可能与嵌套视图/容器和设置有关。视频位于嵌入父屏幕的组件中。也许flex:1正在覆盖另一个视图？我真的不知道。还有其他人遇到过这个问题吗？有没有办法解决这个问题

父屏幕：

return (
  <SafeAreaView style={{ flex: 1 }}>
    <View style={{ flex: 1 }}>
      <LeaderBoard />
      <CurrentVideos />
    </View>
  </SafeAreaView>
);

}

视频屏幕：

return (
  <ScrollView style={{ flex: 1}>
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'pink'
      }}
    >
      <YouTube
        videoId={'BunklIatIK4'}
        play={true}
        apiKey={config.API_KEY}
        controls={1}
        onReady={e => this.setState({ isReady: true })}
        onChangeState={e => this.setState({ status: e.state })}
        onChangeQuality={e => this.setState({ quality: e.quality })}
        onError={e => this.setState({ error: e.error })}
        style={{ alignSelf: 'stretch', height: 300 }}
      />
    </View>
  </ScrollView>
);

---

明白了！问题是我并没有手动将youtube iframe文件的副本从节点模块移动到Xcode中的项目中。现在，它是美丽的