Create a chevron using View in react native

Viewed 145

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
1 Answers
Related