React Native：径向渐变背景

Question

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

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

Answer 1

也许你可以使用我的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>
    }
  />
)