时间戳

首页 > 解决方案 > 如何在本机反应中获得圆形渐变？

react-native - 如何在本机反应中获得圆形渐变？

问题描述

如何在反应原生的圆形视图中获得这种渐变效果？

在此处输入图像描述

两种渐变颜色是：#350078和#00FFFF

标签： react-nativegradient

解决方案

使用对我有用的“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>

推荐阅读