Css 按百分比在“反应本机”中创建循环？

我有一个50%宽度的视图，它的父视图拥有整个手机的宽度，但我想让它旋转，这是我的代码，不起作用：

  clockContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    width:Dimensions.get('window').width
  },
  clock: {
    width: '50%',
    borderRadius: '100%', // divide this by 2?
    backgroundColor: 'red'
  },

---

我环顾四周，它说你把它的宽度除以2，但我不知道在这种情况下如何实现它。帮助？

React Native只允许在其CSS值中输入数字，而不允许百分比

您需要以与计算父级宽度相同的方式计算

边界半径

，然后简单地除以二：

borderRadius: Dimensions.get('window').width / 2

或：

---

我的想法是，你必须为它设定高度，我错了吗？你好，我只是在react native中介绍我自己，并有这个第一个项目，谢谢！从来没有这样想过

borderRadius: Dimensions.get('window').width * 0.5