弯曲的底部视图

如何将曲线底部添加到反应原生视图中？ 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

弯曲的底部视图

回答

相关问题