rn_view_gradient/GradientRunner.js

A simple react native component for creating a gradient colour view using only View components no native code.

import React, { Component } from "react";
import { View } from "react-native";

import GradientComponent from "./Gradient";

const startColor = "#DF9191";
const endColor = "#ff0000";

class App extends Component {
    render() { 
        return (
            <View style={{flex:1}}>
                <GradientComponent
                    startColor={startColor}
                    endColor={endColor}
                    height={200}
                />
            </View>
        );
    }
}

export default App;