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

Question

gradient image here如何在react native中的圆形视图内获得这种渐变效果。谢谢

这两个渐变颜色是：'＃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>