@td-design/react-native
Version:
react-native UI组件库
33 lines • 767 B
JavaScript
import React, { memo } from 'react';
import { StyleSheet } from 'react-native';
import Box from '../box';
const Triangle = /*#__PURE__*/memo(_ref => {
let {
style,
isDown
} = _ref;
return /*#__PURE__*/React.createElement(Box, {
style: [styles.triangle, style, isDown ? styles.down : {}]
});
});
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;
//# sourceMappingURL=Triangle.js.map