[Image][iOS and Android] Animated gifs are not working properly

[mdluo]

react-native 0.24.1 and react 0.14.5

with gif source wrapped in (inline image) don't move on both iOS and Android

Live sample: https://rnplay.org/apps/89njTA

<View>
  <Text>
    Sample Text
    <Image    // <-- Stay still on both platform
      style={{width: 100, height: 100}} 
      source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}} />    
  </Text>
  <Image    // <-- Animated gif on both platform
    style={{width: 100, height: 100}} 
    source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}} /> 
</View>

react-native 0.27.0 and react 15.0.2

Then I upgraded rn to 0.27.0, and inline gif image works fine on iOS. However, gif images on Android of both wrapped in and don't even show up, just leaving a blank space of their size.

<View>
  <Text>
    Sample Text
    <Image    // <-- Animated gif on iOS but blank space on Android
      style={{width: 100, height: 100}} 
      source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}} />    
  </Text>
  <Image    // <-- The same for this one
    style={{width: 100, height: 100}} 
    source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}} /> 
</View>

[charpeni]

See this #7760 (comment)

[charpeni]

@facebook-github-bot duplicate #7760

[ghost]

@charpeni tells me this issue is a duplicate of #7760. Let's discuss there, closing this one.