无法将视频添加到react-native App

时间:2018-05-22 16:28:51

标签: reactjs react-native react-native-android react-native-ios

在向我的应用添加视频时遇到问题我已安装react-native-video并已通过项目文件夹中的react-native link链接

import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {Video} from 'react-native-video';
import LightVideo from "./big_buck_bunny.mp4"

export default class App extends Component {
  render() {

    return (
<View >
  <Text > React Native Video </Text>
  <Video
    source={LightVideo}
    resizeMode="cover"
    style={StyleSheet.absoluteFill}

      />
 </View>
    );
  }
}

错误消息图片 - &gt; Screen shot of error message

1 个答案:

答案 0 :(得分:1)

而不是默认导入,您正在进行命名导入。

使用

import Video from 'react-native-video';

而不是

import {Video} from 'react-native-video';