React native 溢出隐藏没有影响

我有一个简单的进度条，它有一个borderRadius和溢出设置为

hidden

。我有一个这样的孩子，它没有边界半径，它在角落外溢出。这是我的标记：

        <View style={style.progressbar}>
            <View style={[style.progressbarfill, { width:'50%' }]} />
        </View>



const style = { 
    progressbar: {
        backgroundColor: '#ccc',
        height: 25,
        width: '90%',
        borderRadius: 12,
        overflow: 'hidden'
    },
    progressbarfill: {
        backgroundColor: 'springgreen',
        width: '10%',
        height: '100%'
    }
}

常量样式={
进度条：{
背景颜色：“#ccc”，
身高：25，
宽度：“90%”，
边界半径：12，
溢出：“隐藏”
},
progressbarfill：{
背景颜色：“春绿”，
宽度：“10%”，
身高：“100%”
}
}

这就是它看起来的样子：

我在绿色覆盖边界的地方放上箭头。绿色不应溢出边缘之外

---

有人知道这是为什么吗？

事实上，我现在正在测试它，似乎在iOS上运行良好，但Android是目前存在溢出问题的一个。目前看来，这仍在获得更多的支持。临时修复方法是在progressbarfill上添加相同的边界半径

以下是React Native Docs的问题：

溢出样式属性默认为隐藏，无法更改 在Android上，这是Android渲染工作方式的结果。这 该功能尚未开发，因为它将是一个重要的功能 而且还有许多更重要的任务

溢出的另一个问题是Android上的“隐藏”：视图不可用 被父对象的边界半径剪裁，即使父对象已溢出： “隐藏”已启用–内部视图的角将可见 在圆角的外面。这只适用于Android；它的工作原理是 预计在iOS上。看

---

哦，非常感谢你，泰勒。你是在这里读到的吗-？是的！没问题。我正在研究更多的新版本，您可以检查您的版本是否有React native，看看这些发行说明是否适合您。我知道这些都有点过时了，但是我找不到任何更新的版本来修复这个问题，但是也许？我有0.42，我仍然有这个问题…所以如果你解决它！让我知道@谢谢你的留言我一定会让你知道的。我也在0.42:）别担心，祝你好运！这是github问题，上一次发表评论是在13天前。似乎溢出+边界半径仍然是问题所在，但您可以按照此线程进行后续更新：