npm 在UIManager中找不到“SRSRadialGradient”

ippsafx7  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(190)

我尝试在expo中使用react-native-radial-gradient包。在使用它之前,我是否需要其他准备,或者它只是不兼容?

oknrviil

oknrviil1#

这个包似乎有一个问题,创建它的最好方法是使用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>
  )
}

字符串

相关问题