React Native：径向渐变背景

【问题标题】：React Native: Radial Gradient BackgroundReact Native：径向渐变背景
【发布时间】：2018-12-04 01:06:35
【问题描述】：

对于其中一个视图，是否有一个包或另一种方法来获得一个简单的，比如蓝色到蓝色的径向渐变背景？

我试过react-native-radial-gradient，但好像已经过时了。

【问题讨论】：

标签： react-native styles radial-gradients

【解决方案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>
    }
  />
)

【讨论】：

这解决了我在react-native-radial-gradient 中使用透明颜色的问题。很好的回购，谢谢！