title: How to achieve instagram story linear gradient react native
body: <p>I want to achieve the following example below without Animation, but i am having trouble here is my component with what i have so far.</p>
  
  <p><strong>What i want:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/7zwq6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7zwq6.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;LinearGradient colors={['#403B4A', '#4AAE9B', '#603813']} style={{ width: 82, height: 82, borderRadius: 83 / 2 }}&gt;
                              &lt;Image
                                  source={{ uri: item.image }}
                                  style={{
                                      width: 80,
                                      height: 80,
                                      borderRadius: 80 / 2,
                                      padding: 10,
                                  }}
                                  resizeMode="cover"
                              /&gt;
                          &lt;/LinearGradient&gt;
  </code></pre>