React native 如何通过另一个视图创建有限的视图？

我有这个问题，但我无法解决它，如何使视图1受到视图2的限制

我需要视图1不要离开视图2的边缘，图像在外面，它应该被视图2限制裁剪，我不知道我是否理解自己

{${progress}%`}
const styles=StyleSheet.create({
绝对填充：{
位置：'绝对'，
左:0,，
右:0,，
排名：0，
底部：0，
},
进度文本：{
位置：'绝对'，
颜色：颜色，白色，
fontFamily：“OpenSans常规”
},
容器：{
flexDirection:'列'，
为内容辩护：“中心”，
对齐项目：“居中”，
身高：30，
边界半径：30，
},
进度条：{
//alignSelf:“基线”，
身高：30，
宽度：“100%”，
背景颜色：colors.blue3，
边界半径：30
}
})

您需要在progressBar样式中添加一个

溢出

：

隐藏

progressBar: {
      height: 30,
      width: '100%',
      overflow: 'hidden',
      backgroundColor: colors.blue3,
      borderRadius: 30
  }

我为你做了这个现场演示：

---

你想要什么样的行为？我不清楚。另外，你能在这里添加你的

风格吗？@DeivisonSporteman添加一个更好的评论，清楚吗？谢谢