背景颜色溢出边界半径 - React native

Question

应用的背景颜色在 android

上溢出边界

 <CardView
                  style={{
                    borderWidth: 0.25,
                    borderColor: colors.secondary400,
                    backgroundColor: "red",
                    ...shadows.shadowDefault,
                    shadowOffset: item.shadowOffset,
                    shadowColor: item.shadowColor,
                    shadowOpacity: item.shadowOpacity,
                    shadowOpacity: 0.32,
                    shadowRadius: spacing.SCALE_05,
                    shadowColor: Colors.black,
                    overflow: "hidden",
                  }}
                >

Answer 1

尝试添加调整大小模式：'contain' 到您的 cardView 样式

Answer 2

这是因为border-width 请从中删除 border-width 或以 px 形式提供它将解决您的问题

Answer 3

增加 border-radius 到 0.5 或 1

背景颜色溢出边界半径 - React native

Background color overflowing out of border radius - React native

css

reactjs

react-native