Użycie gradientu w aplikacji React Native

Efekt gradientu w tle w aplikacji React Native można uzyskać w bardzo prosty sposób. Niestety nie jest to funkcjonalność wspierana domyślnie i należy zainstalować dodatkową paczkę do aplikacji:

npx expo install expo-linear-gradient

Po instalacji wystarczy użyć taga LinearGradient i zdefiniować kolory które mają zostać użyte:

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

export default function App() {
  return (
        <LinearGradient colors={['#DDB52F', '#72063C']}>
              <Text>Hello</Text>
        </LinearGradient>
  );
}

Tag LinearGradient może być używany jak tag View.

Inne z tej kategorii: Programowanie
Takie tam: www.marczuk.org