import { Platform, StyleSheet } from 'react-native';
import { colors } from '../../styles';

const styles = StyleSheet.create({
  root: {
    height: 1,
    backgroundColor: colors.grey,
    opacity: 0.5,
  },
  shadow: {
    backgroundColor: colors.greyOpacity,
    ...Platform.select({
      ios: {
        shadowOpacity: 0.9,
        shadowRadius: 4,
        shadowOffset: {
          height: 0,
          width: 0,
        },
      },
      android: {
        elevation: 0.3,
      },
    }),
  },
  opacity: {
    opacity: 0.3,
  },
});

export default styles;

import { Platform, StyleSheet } from 'react-native';
import { colors } from '../../styles';

const styles = StyleSheet.create({
  root: {
    height: 1,
    backgroundColor: colors.grey,
    opacity: 0.5,
  },
  shadow: {
    backgroundColor: colors.greyOpacity,
    ...Platform.select({
      ios: {
        shadowOpacity: 0.9,
        shadowRadius: 1,
        shadowOffset: {
          height: 0.5,
          width: 0,
        },
      },
      android: {
        elevation: 0.3,
      },
    }),
  },
  opacity: {
    opacity: 0.3,
  },
});

export default styles;

Change separator with shadow view on ios