我尝试在expo中使用react-native-radial-gradient包。在使用它之前,我是否需要其他准备,或者它只是不兼容?
oknrviil1#
这个包似乎有一个问题,创建它的最好方法是使用react-native-svg包并生成一个径向梯度
react-native-svg
import { Defs, Stop, Svg, RadialGradient as SVGRadialGradient, Path } from 'react-native-svg' export function RadialGradient() { return ( <Svg height="100%" width="100%" style={{ position: 'absolute', }} > <Path d="M0 0H375V279C375 283.418 371.418 287 367 287H8C3.58172 287 0 283.418 0 279V0Z" fill="url(#grad)" /> <Defs> <SVGRadialGradient id="grad" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(187.5 50.5) rotate(90) scale(180 350.061)" > <Stop stopColor={'#3730A3'} /> <Stop stopColor={'#0F0E26'} offset={1} /> </SVGRadialGradient> </Defs> </Svg> ) }
字符串
1条答案
按热度按时间oknrviil1#
这个包似乎有一个问题,创建它的最好方法是使用
react-native-svg
包并生成一个径向梯度字符串