LinearGradient does not allow for diagonal gradients.

Expo SDK
2

Hi

The following works for me in both Android and iOS:

import React from 'react';
import { View } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';

export default function App() {
  return (
    <View style={{ flex: 1 }}>
      <LinearGradient
        colors={['lightblue', 'black', 'lightgreen']}
        start={[0.0, 0.0]}
        end={[1.0, 1.0]}
        style={{ flex: 1 }}
      />
    </View>
  );
}
1 Like