如何在iOS的React-Native中创建三角形？

Question

我尝试使用边框在react-native中实现一个简单的三角形，但在iOS中结果不符合预期

我将视图的宽度和高度设置为0，并使用上下边框创建了一个看起来像三角形的拐角。但是视图似乎仍然有宽度/高度，而且我没有完美的三角形。

import React from 'react';
import { 
    View, 
    StyleSheet
} from 'react-native';

const styles = StyleSheet.create({
    triangle: {
        backgroundColor: 'transparent',
        width: 0,
        height: 0,
        borderTopColor: 'red',
        borderTopWidth: 50,
        borderRightColor: 'transparent',
        borderRightWidth: 50
    }
});

export default class TestScreen extends React.Component {
    render(){
        return <View style={styles.triangle} />;
    }
}

预期结果：

实际结果：