Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | 2x 4x 2x 2x | import React from 'react';
import PropTypes from 'prop-types';
import { View, StyleSheet } from 'react-native';
import ViewPropTypes from '../config/ViewPropTypes';
const Triangle = ({ style, isDown }) => (
<View
style={StyleSheet.flatten([
styles.triangle,
style,
isDown ? styles.down : {},
])}
/>
);
Triangle.propTypes = {
style: ViewPropTypes.style,
isDown: PropTypes.bool,
};
const styles = StyleSheet.create({
down: {
transform: [{ rotate: '180deg' }],
},
triangle: {
width: 0,
height: 0,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderLeftWidth: 8,
borderRightWidth: 8,
borderBottomWidth: 15,
borderLeftColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: 'white',
},
});
export default Triangle;
|