React Native:径向渐变背景

Mil*_*los 5 styles radial-gradients react-native

是否有一个包或另一种方法可以为其中一个视图提供简单的(例如蓝色到蓝色的径向渐变背景)?

我尝试过react-native-radial-gradient,但它似乎已经过时了。

iye*_*off 12

也许你可以使用我的react-native-image-filter-kit包中的RadialGradient。请注意,react-native-image-filter-kit 的渐变最初被设计为与其他图像混合的基元,并且您的情况并不是首先考虑的。

import { Image } from 'react-native'
import {
  RadialGradient,
  ImageBackgroundPlaceholder
} from 'react-native-image-filter-kit'

const imageStyle = { width: 320, height: 320 }

const gradient = (
  <RadialGradient
    colors={['red', '#00ff00', 'blue']}
    stops={[0, 0.5, 1]}
    image={
      <ImageBackgroundPlaceholder style={imageStyle}>
        /* your content here */
      </ImageBackgroundPlaceholder>
    }
  />
)
Run Code Online (Sandbox Code Playgroud)

结果