Блог

У меня есть линейный градиент в css linear-gradient(315.43deg, #706EB6 -6.67%, #A57FCF 106.6%) , и я хочу использовать его с компонентом LinearGradient в react native. Каковы эквиваленты start end и locations реквизиты , и как я могу перейти от линейного градиента в css к родной реакции ?

В React Native вы можете использовать свойство colors следующим образом

 <LinearGradient colors={['transparent', '#000000']}>
</LinearGradient>
 

Таким же образом вы можете передать начальную и конечную позиции

Вы можете увидеть реквизиты LinearGradient здесь

 declare module 'react-native-linear-gradient' {
  import * as React from 'react';
  import * as ReactNative from 'react-native';

  export interface LinearGradientProps extends ReactNative.ViewProps {
    colors: (string | number)[];
    start?: { x: number; y: number };
    end?: { x: number; y: number };
    locations?: number[];
    useAngle?: boolean;
    angleCenter?: {x: number, y: number};
    angle?: number;
  }

  export class LinearGradient extends React.Component<LinearGradientProps> {}

  export default LinearGradient;
}