Gradient_Image_Border

import React, { Component } from 'react';
import { Text, View, StyleSheet ,Image} from 'react-native';
import { Constants } from 'expo';
import { LinearGradient } from 'expo';


// You can import from local files
import AssetExample from './components/AssetExample';

// or any pure javascript modules available in npm
import { Card } from 'react-native-elements'; // Version can be specified in package.json

export default class App extends Component {
  render() {
    return (
       <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <LinearGradient
          colors={['#7959F0', '#EA26CF', '#EA2694']}
          style={{ 
            width : 200,
            height : 200,
            borderRadius : 200/2,
            justifyContent : 'center',
            alignItems : 'center'
          }}>
          
          
          
          <View
          style={{
            width : 25,
            height : 25,
            borderRadius : 25/2,
            backgroundColor : 'white',
            position : 'absolute',
            right : 14,
            top : 30,
            zIndex : 1,
            justifyContent : 'center',
            alignItems : 'center'
          }}
          >
          <View
          style={{
            width : 15,
            height : 15,
            borderRadius : 15/2,
            margin : 10,
            backgroundColor : 'red',
            
            
          }}
          ></View>
          </View>
          
          
          <Image source={{uri : 'http://keenthemes.com/preview/metronic/theme/assets/pages/media/profile/profile_user.jpg'}}
          style={{
            width : 200 - 30,
            height : 200 - 30,
            borderRadius : (200 - 30)/2
          }}
          
          />
        </LinearGradient>
      </View>
    );
  }
}