Css Instagram线性梯度与Expo

我正在使用react开发一个本地应用程序

console.log（'send'）}
ViewComponent={require（'expo'）。LinearGradient}
线性辐射道具={{
颜色：['#f68ba0'，'#ec407a']，
开始：[1，0]，
完:[0.2,0],，
}}
/>

使用，可以实现具有线性渐变的按钮，如上所述

我想要和Instagram标志一样的线性渐变

你能帮我实现吗？

---

感谢您的时间

使用CSS3径向梯度非常简单

<span class="instagram">
  <span class="fa fa-instagram"></span>
</span>

.instagram {
  display: inline-block;
  width: 250px;
  height: 250px;
  text-align: center;
  border-radius: 40px;
  color: #fff;
  font-size: 220px;
  line-height: 250px;
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

.instagram{
显示：内联块；
宽度：250px；
高度：250px；
文本对齐：居中；
边界半径：40px；
颜色：#fff；
字体大小：220px；
线高：250px；
垂直对齐：中间对齐；
背景：#d6249f；
背景：径向梯度（30%107%，#fdf497 0%，#fdf497 5%，#fd5949 45%，#d6249f 60%，#285AEB 90%处的圆圈）；
盒影：0px 3px 10px rgba（0,0,0,25）；
}

---

看这里：

这不是线性梯度，它似乎是一个二次曲线梯度。我不介意它是否近似。我想用itcheck径向渐变和多重背景重现相同的“感觉”。）您可以组合许多径向/线性渐变，然后调整颜色以近似此值感谢Jonas的示例！但是这里的实现有点不同，例如：linearGradientProps={{colors:[''f68ba0'，'ec407a'，start:[1,0]，end:[0.2,0]，}}它是颜色及其范围。我希望有一个与instagram具有相同“感觉”和主题的实现。尽可能接近这个答案是关于HTML/CSS的，而问题是关于React Native的，所以它并不真正合适。

<span class="instagram">
  <span class="fa fa-instagram"></span>
</span>

.instagram {
  display: inline-block;
  width: 250px;
  height: 250px;
  text-align: center;
  border-radius: 40px;
  color: #fff;
  font-size: 220px;
  line-height: 250px;
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}