Javascript 不正确的几何形状

我正在尝试创建根据特定值改变颜色的几何形状（圆）​​由一个变量假定

理论上我设定了价值观​​这些几何形状的一部分，结果是圆，而不是正方形。你能告诉我为什么吗

this.state = {
pressColorDx1: "",
//...
}

//....
 if (this.pressDx_p1 >= 10) { this.setState({ pressColorDx1: "#00438c" }) }
        else { this.setState({ pressColorDx1: '#afeeee' }) }

render() {
    return (
//..
<View style={{width: 15,height: 15,borderRadius: 15/2,backgroundColor: this.state.pressColorDx1,right: 30, top: 40}}></View>
)}

this.state={
按ColorDX1:“”，
//...
}
//....
如果（this.pressDx_p1>=10）{this.setState（{pressColorDx1:#00438c}）}
else{this.setState（{pressColorDx1:'#afeee'}）}
render（）{
返回(
//..
)}

这应该是一个圆，但它显示为正方形

这不是

top

和

right

的问题。。我也试过b

orderRadius:50%

，但不起作用

---

你可以看到那里

你能分享代码再次检查我的答案吗？@DevAS看那里有你解决它吗？不，它不起作用。。。