ShadowTest.js

import React from 'react';
import { View, Text, Picker, Platform } from 'react-native';

const styles = {
 wrapper: {
   justifyContent: 'center', alignItems: 'center', flex: 1
 },
 title: {
   fontSize: 20,
   marginBottom: 40
 },
 shadowTest: {
   width: 300,
   height: 300,
   backgroundColor: '#00d664',
   shadowColor: 'black',
   shadowOffset: { width: 5, height: 5 },
   shadowOpacity: 0.5,
   shadowRadius: 10
 }
};

class ShadowTest extends React.Component {
 render() {
   return (
     <View style={styles.wrapper}>
       <Text style={styles.title}>Shadow Test {Platform.select({ android: 'Android', ios: 'IOS' })}</Text>
       <View style={styles.shadowTest} />
     </View>
   );
 }
}

export default ShadowTest;