React native 缩放属性不适用于android 7.0上的边框

我正在尝试缩放circle，但它在android 7.0上不起作用。它显示了这个beh see附加图像。

事实上，我有两个圆，点击我想缩放那个圆，如果那个圆已经缩放，然后再缩放到那个。 以下代码在除安卓7.0以外的所有设备上都运行良好

const ScaleCircle = (props) => {
const { circleStyle, } = style;
const { unSelected, selected } = customStyle;
const { txt, pressEvent } = props;
let isSelected = txt.isSelected ? selected : unSelected;
let { fontSize, ...optStyle } = isSelected;

return (
    <TouchableHighlight
        style={[circleStyle, optStyle]}
        onPress={pressEvent}
    >
        <Text style={[{ fontSize: fontSize }]}>
            {txt.txt}
        </Text>
    </TouchableHighlight>
);

---

}

请提供与此处相同的问题代码

const customStyle = {
selected: {
    borderWidth: 4,
    zIndex: 2,
    fontSize: 25,
    marginLeft: 10,
    transform: [{ scale: 1.3 }],
    backgroundColor: LIGHTGREYCOLOR,
    position: 'relative'

},
unSelected: {
    marginLeft: 10,
    borderWidth: 2,
    fontSize: 20,
    zIndex: 1,
    position: 'relative',
    backgroundColor: WHITECOLOR,
    transform: [{ scale: 1 }]

},
circleStyle: {
    borderRadius: Math.round(SCREEN_WIDTH + SCREEN_HEIGHT) / 2,
    justifyContent: 'center',
    alignItems: 'center',
    borderWidth: 2,
    padding: 5,
    width: SCREEN_WIDTH * 0.4,
    height: SCREEN_WIDTH * 0.4
},