彎曲的底部視圖

如何將曲線底部添加到反應原生視圖中？ See curved example 彎曲的底部視圖

I'f試圖將添加一個第二視圖是這樣的：

headerBottom：{ 寬度：寬度/ 2，高度：寬度/ 2，的backgroundColor： '紅色'，位置：'絕對」，底部：-35，左：寬/ 4 - 15， borderRadius：寬/ 4，變換：[ {的scaleX：2}，{ 的scaleY：0.25} ] }，

我已經能夠取得以上成績，但在同一視圖中有一個較差的解決方案，而不是在第二個視圖中的示例。

來源

2017-09-15 MvdL

不是一個答案，但對於未來的讀者，這是一個非常類似的問題[這一個]（https://stackoverflow.com/questions/46220316/need-to-make-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

彎曲的底部視圖

回答

相關問題