湾曲した底面ビュー

湾曲した底面を反応ネイティブのビューに追加するにはどうすればよいですか？湾曲した底面ビュー

headerBottom：{ 幅：幅/ 2、高さ：幅/ 2、のbackgroundColor： '赤'、位置：See curved example

I'fこのような第2のビューを追加しようとしました '絶対」底：-35、左：幅/ 4から15は、 borderRadius：幅/ 4は、変換：[ {scaleXプロパティ：2}、 {とscaleY：0.25} ] を}、

2番目のビューの例のように、私は上になることはできましたが、むしろ同じビューではあまり悪い解決策を得られませんでした。

2017-09-15 MvdL

ない答えが、将来の読者のために、これは、[この1]（https://stackoverflow.com/questions/46220316/need-to-make-imageに非常に似て質問です-bottom-to-corner-react-native）の 'Image'コンポーネントについて説明します。 –

このスレッドで私の答えを確認してください。役立つなら、https：//stackoverflow.com/questions/46220316/need-to-make-image-bottom-to-corner-react-native/46245870#46245870 –

ありがとうあなたのアイデア！私はあなたの提案を見直し、すぐにそれを実装します。私はborderBottomRadiusや何かを通してより美しい解決策を望んでいましたが、それはまだできません。ありがとうございます – MvdL

私はボーダーボトム半径を使用します。これは仕事です。

class Home extends Component { 
    render() { 
     return (
      <View style={styles.oval} /> 
     ) 
    } 
} 

const styles= StyleSheet.create({ 
    oval: { 
     height: 100, 
     borderBottomLeftRadius: 50, 
     borderBottomRightRadius: 50, 
     backgroundColor: 'red' 
    }, 
});

出典

2017-09-25 19:12:28

ありがとうございました！しかし、私はコーナーだけではなく、湾曲した底全体を探しています – MvdL

答えて

関連する問題