Breaking News: Grepper is joining You.com. Read the official announcement!

React Native Expo Linear Gradient

Anatu Green answered on August 19, 2022 Popularity 10/10 Helpfulness 4/10

answer React Native Expo Linear Gradient

related React Native Expo Linear Gradient

React Native Expo Linear Gradient

Comment

//expo install expo-linear-gradient

import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';

export default function App() {
  return (
    <View style={styles.container}>
      <LinearGradient
        // Background Linear Gradient
        colors={['rgba(0,0,0,0.8)', 'transparent']}
        style={styles.background}
      />
      <LinearGradient
        // Button Linear Gradient
        colors={['#4c669f', '#3b5998', '#192f6a']}
        style={styles.button}>
        <Text style={styles.text}>Sign in with Facebook</Text>
      </LinearGradient>
    </View>
  );
}

const styles = StyleSheet.create({ ... });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: docs.expo.dev

Tags: expo gradient javascript react-native

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Anatu Green

0 Answers Avg Quality 2/10

Closely Related Answers

React Native Expo Linear Gradient

Comment

//expo install expo-linear-gradient

import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';

export default function App() {
  return (
    <View style={styles.container}>
      <LinearGradient
        // Background Linear Gradient
        colors={['rgba(0,0,0,0.8)', 'transparent']}
        style={styles.background}
      />
      <LinearGradient
        // Button Linear Gradient
        colors={['#4c669f', '#3b5998', '#192f6a']}
        style={styles.button}>
        <Text style={styles.text}>Sign in with Facebook</Text>
      </LinearGradient>
    </View>
  );
}

const styles = StyleSheet.create({ ... });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: docs.expo.dev

Tags: expo

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

Anatu Green

0 Answers Avg Quality 2/10

React Native Expo Linear Gradient

Contents

More Related Answers

React Native Expo Linear Gradient

Closely Related Answers

React Native Expo Linear Gradient

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.