アンドロイドに三角形を描く

Question

こんにちは三角形を描く必要があります。私はこのスタイルを使用します

triangle: { 
    width: 0, 
    height: 0, 
    backgroundColor: 'transparent', 
    borderStyle: 'solid', 

    borderTopWidth: 20, 
    borderRightWidth: 40, 
    borderBottomWidth: 20, 
    borderLeftWidth: 0, 
    borderTopColor: 'transparent', 
    borderRightColor: '#FF0000', 
    borderBottomColor: 'transparent', 
    borderLeftColor: 'transparent', 
    }, 

IOSでそれは完全に動作します。しかし、Androidには何も表示されません。私はRNを使用する0.24.1 誰も助けてくれますか？ ありがとうございました！

Answer 1

height: 10, 
width: 10, 
transform: [ 
    { rotate: '45deg' }, 
    { translateY: -7 }, 
], 

それはベストではないのですが、それは動作します。

Answer 2

多少のようになります。この

のJs

var Triangle = React.createClass({ 
    render: function() { 
    return (
     <View style={[styles.triangle, this.props.style]} /> 
    ) 
    } 
}) 

とあなたのCSSをお試しください：

triangle: { 
    width: 0, 
    height: 0, 
    backgroundColor: 'transparent', 
    borderStyle: 'solid', 
    borderLeftWidth: 50, 
    borderRightWidth: 50, 
    borderBottomWidth: 100, 
    borderLeftColor: 'transparent', 
    borderRightColor: 'transparent', 
    borderBottomColor: 'red' 
    } 

それはこのようにあなたの出力が得られます：

リファレンスShapes in react native