React-native-linear-gradient: component display but it doesn't change its color when i test it as the example

[hopperhuang]

it display like this

my code is here
<LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} style={styles.linearGradient}> <Text style={styles.buttonText}> Sign in with Facebook </Text> </LinearGradient>

component tree in debugger.

has some one encouter this strange behavior ?

version:
"react-native": "^0.51.0",

[StrayDrop]

I got the exact same problem with the same code.... OMG
Yeah, react-native link seemed to be done correctly, and XCode could build them correctly, Then LinearGradient Component was instanciated...But could not be gradient.

Also, I tried to rebuild, aimed to cache cleaning around project, however nothing changes.

I had no idea about it.

[StrayDrop]

Umm....

In my case, If I set width and height, then LinearGradient shows correctly.

e.g.

 <LinearGradient
          colors = { ['rgb(255, 0, 0)' , 'rgb(0, 0, 0)'] }
          start = {{ x:0, y:1 }}
          end   = {{ x:1, y:1 }}
          style={{ width: 200, height: 200 }}
/>

This was worked for me.

Therefore, Perhaps, The sample code at README.md has a problem, I think.

<LinearGradient 
   colors={['#4c669f', '#3b5998', '#192f6a']} 
   style={styles.linearGradient}> 
   <Text style={styles.buttonText}> Sign in with Facebook </Text>
</LinearGradient>

This isn't worked.

[StrayDrop]

OMGGGGGGGGGG!!??
Somehow, suddenly, the sample code shows gradient properly....

some cache around your emulator or metro, may affect this problem.... or I forgot to do something, I don't have an idea. (´；ω；｀)

[radex]

Hey! I'm closing this since it looks like a solved issue.