如何添加具有反应本机线性梯度的复杂混合梯度？

Question

我正在尝试模仿我的一个CSS属性，例如

background: linear-gradient(224.72deg, rgba(48,35,174,0.1) 0%, #C86DD7 100%),
linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);

对此，如react-native-linear-gradient

import LinearGradient from 'react-native-linear-gradient';
<LinearGradient
  colors={['rgba(48,35,174,0.1)', '#C86DD7']} locations={[0, 1]}
  start={{x: 0, y: 0}}
  end={{x: 1, y: 0}}
>

理想情况下，外观应类似于https://jsfiddle.net/pnye9usf/。我该如何实现？