react-native-video TypeError:未定义不是对象

时间:2018-10-24 17:48:20

标签: react-native

所以我尝试使用npm的react-native-video包播放youtube视频:

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Video
          source={{uri: 'https://www.youtube.com/watch?v=swigQ10SL_w'}}
          style={{ width: 800, height: 800 }}
          muted={true}
          repeat={true}
          resizeMode={"cover"}
          volume={1.0}
          rate={1.0}
          ignoreSilentSwitch={"obey"}
        />
      </View>
    );
  }
}

我得到一个错误: enter image description here

1 个答案:

答案 0 :(得分:0)

使用npm,将react-native-video软件包安装到您的react-native项目中。

npm install --save react-native-video

使用

将软件包链接到平台iOSandroid
react-native link

enter image description here

要链接iOS上的库,如果尚未链接,请执行下一步:

  • XCode项目导航器中,右键单击Libraries文件夹并选择add files to projectname选项,然后转到node_modules/react-native-video/ios/并选择RCTVIdeo.xcodeproj

  • 转到targets -> Build Phases -> Link Binary With Libraries并点击+并选择libRCTVideo.a

严格注释:

请勿在{{1​​}}中播放youtube视频,因为代码没有问题,您可以尝试一下。 http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4

对于react-native-video个视频

youtube

https://www.npmjs.com/package/react-native-youtube