React Native：径向渐变背景

Question

对于其中一个视图，是否有包装或以其他方式使用简单的蓝色（蓝色至蓝色）径向渐变背景？

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

Answer 1

您可以尝试Expo的线性渐变。它完美地工作： https://docs.expo.io/versions/latest/sdk/linear-gradient

Answer 2

可能您可以使用我的RadialGradient软件包中的react-native-image-filter-kit。请注意，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>
    }
  />
)