import React from 'react';
import { View, StyleSheet } from 'react-native';
const DashedDivider = () => (
<View style={styles.wrapperStyle}>
<View style={styles.lineStyle} />
<View style={styles.lineMask} />
</View>
);
const styles = StyleSheet.create({
wrapperStyle: {
height: 1,
overflow: 'hidden'
},
lineStyle: {
width: '100%',
height: 0,
borderColor: '#c0c0c0',
borderWidth: 1,
borderStyle: 'dashed',
borderRadius: 0.1
},
lineMask: {
marginTop: -1,
height: 1,
backgroundColor: '#fff'
}
});
export default DashedDivider;