如何在本机反应中获得圆形梯度？

Question

如何在react native的圆形视图中获得此渐变效果？

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS8zWjBjUy5wbmcifQ==” alt =“在此处输入图像描述”>

两个渐变色是：#350078和#00FFFF

Answer 1

使用对我有用的“ react-native-radial-gradient”

import RadialGradient from 'react-native-radial-gradient';

<View style={{ flex: 1, backgroundColor: 'white', justifyContent:'center', alignItems:'center' }}>

        <RadialGradient style={{width:200,height:200,  opacity:0.5}}
                        colors={['#350078','#00FFFF','transparent']}
                        stops={[0,0, 0.5]}
                        center={[100,100]}
                        radius={100}>

        </RadialGradient>


        </View>