React Native: Радиальный градиент фона

Question

Есть ли пакет или другой способ получить простой, скажем, синий или голубоватый фон радиального градиента для одного из видов?

Я пробовал реагировать-нативно-радиально.-градиент , но кажется, что он устарел.

Answer 1

Вероятно, вы можете использовать RadialGradient из моего пакета реактивный родной-фильтр-изображения .Обратите внимание, что градиенты из пакета Reaction-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>
    }
  />
)

Answer 2

Вы можете попробовать линейный градиент Экспо.Работает отлично: https://docs.expo.io/versions/latest/sdk/linear-gradient