2017-08-04 104 views
0

我這裏有一個GIF:陣營,本機圖片不打全GIF

nsgif-15018727507

我有我的index.ios.js這裏:

return (
     <View style={styles.container}> 
     <Image 
      style={{width: 200, height: 400}} 
      source={{uri: this.state.path}} /> 
     </View> 

然而,這是輸出是什麼:

giphy

任何想法如何讓它發揮整個gif?

回答

0

工作對我來說,新鮮的新項目與之反應原住民0.47.1

渲染功能如下:

render() { 
    return (
     <View style={styles.container}> 
     <Image style={{width: 200, height: 400}} 
       source={{uri: 'https://user-images.githubusercontent.com/13806068/28982817-ffd1fdc2-790b-11e7-9bc2-a2d1135ca232.gif'}}/> 
     </View> 
    ); 
    } 
1

您的輸出gif打開Safari而不是iOS應用程序。試圖打開應用程序時可以發佈輸出gif嗎?

另外,您可能還想確認this.state.path的值,該值用作gif的來源。

它需要有其中的擴展.gif工作。對於e.g

<Image source={{uri: 'http://www.urltogif/image.gif'}} /> 

//or 

<Image source={require('./path/to/image/local.gif')} /> 

您可以在這裏找到工作的例子https://snack.expo.io/ByglJIzD-

+0

這是GIF。 Safari瀏覽器開放是gif的一部分:)這是最初的gif路徑:https://小吃(小吃店)https://user-images.githubusercontent.com/13806068/28982817-ffd1fdc2-790b-11e7-9bc2-a2d1135ca232.gif – gran33

+0

https://小吃.expo.io/BkIPe8Mvb更新了這個例子,它加載並運行了整個gif –

+0

這確實有效......我想知道爲什麼它不適合我,我將在我自己的項目中多用一些。感謝您的幫助! – pudility