React-Native播放視頻使用世博會sdk

Question

我想使用世博會sdk作爲反應native.I讀取sdk，但我無法理解如何使其工作，從網址播放視頻。 Here is link for expo sdk video docs.

這裏是我的代碼

import React from 'react'; 
import { StyleSheet, Text, View,Button } from 'react-native'; 
import { Video } from 'expo'; 

export default class App extends React.Component { 
    _handleVideoRef = component => { 

    } 

    onPlayPressed(){ 

    } 

    render() { 

    return (
     <View style={styles.container}> 
      <Expo.Video 
      source = {{uri :'url for video'}} 
      ref={this._handleVideoRef} 

      /> 
      <Text>Open up App.js to start working on your app! </Text> 
      <Button onPress={this.onPlayPressed.bind(this)} title = "Play"/> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#fff', 
    alignItems: 'center', 
    justifyContent: 'center', 
    }, 
}); 

醫生說視頻標籤的工作原理爲內聯，但我不知道爲什麼它不播放視頻或任何更是必要的。

感謝所有幫助

Answer 1

import { Video } from 'expo'; 

導入的Expo.Video模塊Video，但您嘗試通過Expo.Video使用該組件。

<Video 
    source = {{uri :'url for vide'}} 
    ref={this._handleVideoRef} 
/> 

這樣使用它。不是Expo.Video