I would like to create a chevron using view however I am unsure if this is outside of the view's scope.
I have tried to use border radius as seen below however this just rounds the view.
import React, { Component } from 'react'
import { View, Text } from 'react-native'
export class Chevron extends Component {
render() {
return (
<View
style={{
backgroundColor: "blue",
borderTopRightRadius:90,
borderBottomRightRadius:90,
borderTopLeftRadius:-90,
borderBottomLeftRadius:-90,
}}
>
<Text>{this.props.item}</Text>
</View>
)
}
}
export default Chevron